详解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与其它库冲突的解决方法
Jun 25 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
javascript表单验证大全
Aug 12 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
js操作浏览器的参数方法
Jan 21 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
在weex中愉快的使用scss的方法步骤
Jan 02 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP+DBM的同学录程序(1)
2006/10/09 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
菜单效果
2006/10/14 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
python 实现删除文件或文件夹实例详解
2016/12/04 Python
Python爬取网易云音乐热门评论
2017/03/31 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
pandas ix &amp;iloc &amp;loc的区别
2019/01/10 Python
Python datetime包函数简单介绍
2019/08/28 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
python运用sklearn实现KNN分类算法
2019/10/16 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
几个人围成一圈的问题
2013/09/26 面试题
大学生求职中的自我评价
2013/10/01 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
《掌声》教学反思
2014/02/23 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
导游词之潮音寺
2019/09/26 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android