DOM的常用属性和方法

来源：互联网发布：锐捷网络青年编辑：程序博客网时间：2024/05/21 06:27

一、document的属性和方法
getElementById(id名称) ：返回文档中指定的id名称的Element节点

getElementsByTagName(tagName) ：返回文档中指定标记名的所有Element节点，返回一个节点列表（可看成数组）

createElement(tagName) ：创建由tagName指定的元素，如果以字符串div作为方法参数，就会生成一个div元素

createTextNode(text) ：创建一个包含静态文本text的文本节点

createAttribute() ：用指定的名字创建新的Attr节点

createComment() ：用指定的字符串创建新的comment节点

如下：动态在页面最后添加内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>HTML DOM</title>
<script language="javascript">
function add(){
         var x=document.createElement("div");
         var txt=document.createTextNode("这是动态创建的内容");
         document.body.appendChild(x);
         x.appendChild(txt);
}
</script>
</head>
<body >
<input type="button" value="单击文档动态添加内容" onclick="add()" />
</body>
</html>

函数部分也可以如下所示：

function add(){

var x=document.createElement("div");

x.innerHTML="这是动态添加的内容";

document.body.appendChild(x);

}

二、节点（node）的常用属性

nodeType ：节点的类型

nodeName ：节点的名称

nodeValue ：节点值

parentNode ：返回当前节点的父节点，如果没有父节点，则返回null

childNodes ：返回当前节点的所有子节点，以数组形式存放，如果没有子节点则返回空数组

firstChild ：返回当前节点的第一个子节点。如果没有子节点，则返回null

lastNext ：返回当前节点的最后一个子节点

nextSibling ：返回当前节点的下一个兄弟节点

previousSibing ：返回当前节点的上一个兄弟节点

attributes ：如果该节点是一个Element节点，则以nameNodeMap形式返回该元素的属性

三、节点（node）的常用方法

removeChild(childNode) ：从元素中删除指定的子元素

appendChild(childNode) ：将指定的节点（childNode）增加到当前元素的子节点列表最后（作为一个新的子节点）

insertBefore(newNode,targetNode) ：将节点newNode作为当前元素的子节点插入到targetNode子节点元素的前面

replaceChild(newNode,oldNode) ：将节点oldNode替换为节点newNode

cloneNode(true) ：复制当前节点，true表示复制当前节点以及它的所有子孙节点

hasChildNodes() ：该方法返回一个布尔值，指示元素是否有子元素

getAttribute(name,value) ：获得元素中的name属性的值

setAttribute(name,value) ：设置元素中的name属性的值

removeAttribute(name) ：从元素中删除属性name

has Attribute(name) ：返回该素是否具有指定name名字的属性，如果有，则返回true

getAttributeNode() ：以Attr节点的形式返回指定的属性的值

setAttributeNode() ：把指定的Attr节点添加到该元素的列表中

removeAttributeNode() ：从元素的属性列表中删除指定的Attr节点

getElementsByTagName(tagName) ：返回一个node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出现的顺序