详解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 相关文章推荐
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
javascript图像处理—仿射变换深度理解
Jan 16 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 Javascript
node.js中的path.basename方法使用说明
Dec 09 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
Vue.js划分组件的方法
Oct 29 Javascript
Vue2.0用户权限控制解决方案
Nov 29 Javascript
JavaScript模拟实现网易云轮播效果
Apr 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 GD绘制24小时柱状图
2008/06/28 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
javascript中Function类型详解
2015/04/28 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
Python实现的特征提取操作示例
2018/12/03 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
Vans荷兰官方网站:美国南加州的原创极限运动潮牌
2018/01/23 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
简单叙述一下MYSQL的优化
2016/05/09 面试题
服务中心夜班服务员岗位职责
2013/11/27 职场文书
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
环保倡议书100字
2014/05/15 职场文书
校园文明标语
2014/06/13 职场文书
七一建党节演讲稿
2014/09/11 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
大学推普周活动总结
2015/05/07 职场文书
放飞理想主题班会
2015/08/14 职场文书
Go 语言中 20 个占位符的整理
2021/10/16 Golang
Golang 字符串的常见操作
2022/04/19 Golang