DOM 概述:Documetn Object Model,文档对象模型。根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。
官方网址:
- 节点的属性
- nodeName String 节点名称
- nodeValue String 节点值
- nodeType Number节点类型1是html标签,2是属性,3
- firstChild Node第一个子节点
- lastChild Node 最后一个子节点
- childNods NodeList 所有子节点
- previousSibling Node 前一个节点
- nextSibling Node 后一个节点
- ownerDocument Document获得该节点所属的文档对象
- attributes Map代表一个节点的属性对象
- 节点的方法
- hasChildNodes() Boolean 当前节点是否有子节点
- appendChild(node) Node 往当前节点上添加子节点
- removeChild(node) Node 删除子节点
- replaceChild(oldNode, newNode) Node 替换子节点
- insertBefore(newNode, newNode) Node 在指定节点的前面插入新节点
- var root = document.documentElement;
-
var div = document.getElementById("test");
-
alert(root.nodeName + ":" +div.nodeName);
- var body = document.body;
-
var test = document.getElementById("test");
-
body.removeChild(test);
删除节点,这种方法更可取:
- var test = document.getElementById("test");
-
test.parentNode.removeChild(test);
获得所有节点:
- var oAllElements = document.getElementsByTagName("*");
-
或者(ie6):var oAllElements = document.all
aaaaa
阅读(486) | 评论(0) | 转发(0) |