详解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实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 Javascript
浅析hasOwnProperty方法的应用
Nov 20 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
举例讲解如何判断JavaScript中对象的类型
Apr 22 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
Angularjs Promise实例详解
Mar 15 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
JSONP 的原理、理解 与 实例分析
May 16 Javascript
JS数组去重详情
Nov 07 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中替换键名的简易方法示例详解
2014/01/07 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
ES11屡试不爽的新特性,你用上了几个
2020/10/21 Javascript
python基础教程之缩进介绍
2014/08/29 Python
Python标准库之循环器(itertools)介绍
2014/11/25 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
搞定这套Python爬虫面试题(面试会so easy)
2019/04/03 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
python中threading开启关闭线程操作
2020/05/02 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
Html5 video标签视频的最佳实践
2020/02/26 HTML / CSS
挪威太阳镜和眼镜网上商城:SmartBuyGlasses挪威
2016/08/20 全球购物
优秀毕业自我鉴定
2014/02/15 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
信访工作经验交流材料
2014/05/23 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
军训个人总结
2015/03/03 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
七年级作文之环保作文
2019/10/17 职场文书
python析构函数用法及注意事项
2021/06/22 Python