Js DOM 节点

常用的节点属性

 

nodeType               节点类型，元素节点是1，文本节点是3

 

nodeValue              节点值，元素节点为空，文本节点的nodeValue属性即为文本内容

 

firstChild                  该元素节点包含的第一个子节点

 

lastChild                  该元素节点包含的最后一个子节点

 

nextSibling              该节点的后一个兄弟节点

 

previousSibling      该节点的前一个兄弟节点

 

childNodes              子节点列表，可以通过node.childNOdes[0](或 node.childNodes.item(index))来获取子节点

 

nodeName               节点名称，对于元素节点，返回tagName,对于文本，则返回#text

 

 

getElementsByTagName() 可以在任何元素中使用,比如: ducoment.body.getElementsByTagName()

 

创建节点

 

createElement(tagName)           创建标签名为tagName的元素

例：var div=document.createElement("div");

 

createTextNode(text)               创建包含文本text的文本节点

例: var textNode=document.createTextNode("Hello World")

 

注意：节点创建后在内存中，还需要用 appendChildNode() 来插入

例：document.body.appendChildNode(div);

 

移除节点

removeChild()

只能移除此节点的子节点

 

replaceChild("新节点","老节点")

如果“新节点”本来存在，则替换老节点后原来位置上的“新节点"没了 （移动节点）

 

insertBefore("新节点","旧节点")

在旧节点的前面插入新节点，旧节点必须是调用的节点的子节点