详解JavaScript对W3C DOM模版的支持情况


Posted in Javascript onJune 16, 2015

 本文档对象模型允许访问所有的文档内容和修改,由万维网联合会(W3C)规范。几乎所有的现代浏览器都支持这种模式。

在W3C DOM规范的大部分传统DOM的功能,而且还增加了新的重要的功能。除了支持forms[ ], images[ ]和文档对象的其它数组属性,它定义了方法,使脚本来访问和操纵的任何文档元素,而不只是专用元件状的表单和图像。
文档属性在W3C DOM:

此模型支持所有传统DOM提供的属性。此外,这里是文档属性,可以使用W3C DOM访问列表:

详解JavaScript对W3C DOM模版的支持情况

 文档方法在W3C DOM:

此模型支持所有传统DOM提供的方法。此外,这里是由W3C DOM支持的方法列表:

详解JavaScript对W3C DOM模版的支持情况

详解JavaScript对W3C DOM模版的支持情况

 示例:

这是(访问和设置)使用W3C DOM文档元素很容易操纵。可以使用任何类似 getElementById,getElementsByName,orgetElementsByTagName 方法。

下面是访问使用W3C DOM方法文档属性的一个例子:

<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
 var ret = document.getElementsByTagName("title");
 alert("Document Title : " + ret[0].text );

 var ret = document.getElementById("heading");
 alert(ret.innerHTML );
}
//-->
</script>
</head>
<body>
<h1 id="heading">This is main title</h1>
<p>Click the following to see the result:</p>

<form id="form1" name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>

<form d="form2" name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>

</body>
</html>

注意: 这个例子的形式和内容等返回对象,我们将不得不使用未在本教程中讨论这些对象的属性来访问它们的值。

Javascript 相关文章推荐
javascript 获取图片颜色
Apr 05 Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
May 23 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
vue实现节点增删改功能
Sep 26 Javascript
jQuery插件zepto.js简单实现tab切换
Jun 16 #Javascript
jQuery封装的tab选项卡插件分享
Jun 16 #Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 #Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 #Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 #Javascript
Bootstrap基础学习
Jun 16 #Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 #Javascript
You might like
组合算法的PHP解答方法
2012/02/04 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
[49:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 KG VS TNC
2018/03/31 DOTA
Python中bisect的用法
2014/09/23 Python
Python中的模块和包概念介绍
2015/04/13 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
Python3爬虫全国地址信息
2019/01/05 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
Python @property装饰器原理解析
2020/01/22 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
python接口自动化框架实战
2020/12/23 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
学校万圣节活动方案
2014/02/13 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
责任心演讲稿
2014/05/14 职场文书
责任书范本
2014/08/25 职场文书
机动车登记业务委托书
2014/10/08 职场文书
司机个人年终总结
2015/03/03 职场文书