详解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 相关文章推荐
jquery 双色表格实现代码
Dec 08 Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 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
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
python实现查询苹果手机维修进度
2015/03/16 Python
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python numpy 按行归一化的实例
2019/01/21 Python
django中ORM模型常用的字段的使用方法
2019/03/05 Python
python3 dict ndarray 存成json,并保留原数据精度的实例
2019/12/06 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
幼儿园数学教学反思
2014/02/02 职场文书
环保标语大全
2014/06/12 职场文书
2014年基建工作总结
2014/12/12 职场文书
委托书格式要求
2015/01/28 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
golang 语言中错误处理机制
2021/08/30 Golang