详解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 01 Javascript
jquery animate图片模向滑动示例代码
Jan 26 Javascript
js 走马灯简单实例
Nov 21 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
May 03 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
JS制作简易计算器的实例代码
Jul 04 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中英混合字符串截取函数代码
2011/07/17 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
javascript设计模式之中介者模式Mediator
2014/12/30 Javascript
JSONP之我见
2015/03/24 Javascript
详解vue2路由vue-router配置(懒加载)
2017/04/08 Javascript
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
vue组件的写法汇总
2018/04/12 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
Python库urllib与urllib2主要区别分析
2014/07/13 Python
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
python skimage 连通性区域检测方法
2018/06/21 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
Roxy俄罗斯官方网站:冲浪和滑雪板的一切
2020/06/20 全球购物
行政助理的职责
2013/11/14 职场文书
人事部经理岗位职责
2014/03/07 职场文书
李敖北大演讲稿
2014/05/24 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
作文评语怎么写
2014/12/25 职场文书
英语教师个人工作总结
2015/02/09 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
个人党性分析总结
2015/03/05 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
请假条应该怎么写?
2019/06/24 职场文书