详解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 相关文章推荐
可输入的下拉框
Jun 19 Javascript
Javascript模板技术
Apr 27 Javascript
prototype与jquery下Ajax实现的差别
Sep 13 Javascript
JavaScript 监听textarea中按键事件
Oct 08 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
javascript入门之数组[新手必看]
Nov 21 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
bootstrap table表格客户端分页实例
Aug 07 Javascript
微信小程序开发之IOS和Android兼容的问题
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实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
Laravel中前端js上传图片到七牛云的示例代码
2017/09/04 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
javascript json2 使用方法
2010/03/16 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
JavaScript生成图形验证码
2020/08/24 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
Python 常用 PEP8 编码规范详解
2017/01/22 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
python找出因数与质因数的方法
2019/07/25 Python
python 三元运算符使用解析
2019/09/16 Python
python绘制规则网络图形实例
2019/12/09 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
Html5饼图绘制实现统计图的方法
2020/08/05 HTML / CSS
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
中文师范生自荐信
2014/01/30 职场文书
反对邪教标语
2014/06/30 职场文书
公司员工活动策划方案
2014/08/20 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
设备收款委托书范本
2014/10/02 职场文书
简易版租房协议书范本
2014/10/13 职场文书
教师自查自纠材料
2014/10/14 职场文书
武侯祠导游词
2015/02/04 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
火烧圆明园观后感
2015/06/03 职场文书