DOM 节点

在 HTML DOM （文档对象模型）中，每个部分都是节点：

文档本身是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性是属性节点（不能通过childNodes查看，只能通过attributes查看）
HTML 元素内的文本是文本节点（空白文本也算）
注释是注释节点

Element 对象

在 HTML DOM 中，Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。
元素也可以拥有属性。属性是属性节点

测试用例（childNodes、attributes）

<html><body style="background-color:white" onload="testChildNodes()" ><style type="text/css">#container { height:50px;background-color:rgb(200,200,0); }</style><script type="text/javascript">function testChildNodes() {var body = document.getElementsByTagName("body")[0];var childs = body.childNodes;var str = body + "\nbody.childNodes.length = " + childs.length + "\n";var i;for(i=0; i<childs.length; i++) {str = str + childs[i] + "\n";}alert(str);var attrs = body.attributes;str = "body.attributes.length = " + attrs.length + "\n";for(i=0; i<attrs.length; i++) {str = str + attrs[i].nodeName + " = " + attrs[i].nodeValue + "\n";}alert(str);}</script><!-- 注释 --><p style="font-style:italic;">Hello World</p><div id="container">test<br/>childNodes</div></body>
</html>

JavaScript childNodes attributes相关推荐

Javascript childNodes用法
<head> <script type="text/javascript">//定义函数getInfo(),用于获取小节的详细信息function getI ...
JavaScript childNodes
JS中的 childNodes 获取的不仅仅是html元素,同时连续的文本也是一个子节点,如: <p id="demo"> <input /> </ ...
JavaScript Extensible Attributes 常用匹配方法
<html><body><script>// \d 查找数字:var pattern1 = /\d{2,4}/;// 检查字符串中是否含有的2-4位的数字(非连续 ...
JavaScript高级编程 III
原文地址:http://www.onlamp.com/pub/a/onlamp/2007/11/20/advanced-javascript-iii.html JavaScript高级编程I:http ...
【原】母版页、皮肤、导航那点事 Master Pages Themes and Navigation Controls FAQ
最近比较忙,工作几乎无法喘息,突然闲置了一会,想想也好久没有发博客了,得写几篇了,最近好像灵感突然消失了,不管了,先发一篇吧,这篇肯定对大伙要帮助,好的话,您给我顶一个,不好,你也不要保留,直接告诉我 ...
【前端】前端面试题整理
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离关于浏览器内核(渲染引擎) 浏览 ...
最最最具体的前端面试题(大全)
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离关于浏览器内核(渲染引擎) 浏览 ...
前端开发人员必备Web前端面试题与答案西安尚学堂
HTML: 1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所访 ...
aspx 追加html标签,ASP.NET动态增加HTML元素的方法实例小结
本文实例讲述了ASP.NET动态增加HTML元素的方法.分享给大家供大家参考,具体如下: 在使用asp.net进行web开发的时候页面中的中的信息可以通过asp.net的cs文件动态指定. 1.动态 ...

JavaScript childNodes attributes

DOM 节点

Element 对象

测试用例（childNodes、attributes）

JavaScript childNodes attributes相关推荐

最新文章

热门文章