详解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 相关文章推荐
JS date对象的减法处理实现代码
Dec 28 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
vue图片加载与显示默认图片实例代码
Mar 16 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
react-navigation之动态修改title的内容
Sep 26 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
Sep 09 Javascript
layui的select联动实现代码
Sep 28 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案
2018/10/14 PHP
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
javascript事件冒泡和事件捕获详解
2015/05/26 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
Prototype框架详解
2015/11/25 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
详解vue父子组件关于模态框状态的绑定方案
2019/06/05 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
微信小程序自定义组件components(代码详解)
2019/10/21 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
wxPython框架类和面板类的使用实例
2014/09/28 Python
Python迭代和迭代器详解
2016/11/10 Python
python递归全排列实现方法
2018/08/18 Python
Python谱减法语音降噪实例
2019/12/18 Python
python能做哪些生活有趣的事情
2020/09/09 Python
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
皮肤科医师岗位职责
2013/12/04 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
《荷花》教学反思
2014/04/16 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
科学育儿宣传标语
2014/10/08 职场文书
同事离别感言
2015/08/04 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers