Html Dom 学习
来源:互联网 发布:北交大网络教育官网 编辑:程序博客网 时间:2024/06/03 23:01
节点
根据 DOM,HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
- 整个文档是一个文档节点
- 每个 HTML 标签是一个元素节点
- 包含在 HTML 元素中的文本是文本节点
- 每一个 HTML 属性是一个属性节点
- 注释属于注释节点
查找并访问节点
你可通过若干种方法来查找您希望操作的元素:
- 通过使用 getElementById() 和 getElementsByTagName() 方法
- 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性
下面这个例子会返回所有 <p> 元素的一个节点列表,且这些 <p> 元素必须是 id 为 "maindiv" 的元素的后代:
document.getElementById('maindiv').getElementsByTagName("p");
节点列表(nodeList)
当我们使用节点列表时,通常要把此列表保存在一个变量中,就像这样:
var x=document.getElementsByTagName("p");
现在,变量 x 包含着页面中所有 <p> 元素的一个列表,并且我们可以通过它们的索引号来访问这些 <p> 元素。
注释:索引号从 0 开始。
您可以通过使用 length 属性来循环遍历节点列表:
var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }
您也可以通过索引号来访问某个具体的元素。
要访问第三个 <p> 元素,您可以这么写:
var y=x[2];
parentNode 属性常被用来改变文档的结构。假设您希望从文档中删除带有 id 为 "maindiv" 的节点:
var x=document.getElementById("maindiv");x.parentNode.removeChild(x);
节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是:
- nodeName(节点名称)
- nodeValue(节点值)
- nodeType(节点类型)
- HTML DOM 学习
- Html Dom 学习
- HTML DOM学习总结
- HTML DOM学习
- HTML DOM学习总结
- HTML DOM学习笔记
- web标准Html Dom学习
- HTML DOM 实例学习笔记
- JavaScript HTML DOM学习笔记
- js学习笔记--HTML DOM
- JavaScript DOM学习笔记6——HTML DOM
- HTML DOM学习笔记(三)_常用DOM 属性
- 学习HTML DOM 的好网站。
- javaScript学习之HTML DOM Document对象
- Html+css+javascript+DOM学习笔记
- javascript学习笔记2之HTML DOM
- JavaScript学习笔记(二)---HTML DOM
- HTML DOM(Document Object Model)学习初步
- 程序员的实践论
- tomcat server.xml 配置访问日志
- libconfig库 和 boost库
- Sql Server Alter语句
- 正则表达式点滴
- Html Dom 学习
- asp.net fso 操作
- 常见android工程修改
- 图像的旋转与缩放
- 关于sql2008卸载后再安装问题
- ORACLE之 访问 BLOB
- asp.net 去除HTML格式
- (转)Android 8款开源游戏引擎
- Android .classpath文件的作用