Javascript DOM

1.查找元素节点

getElementById("idName");---String

getElementsByTagName("tagName");---String

2.查看是否存在子节点

hasChileNodes();---boolean

3.DOM属性

node.nodeName;---String

node.ELEMENT_NODE(1)---元素节点

node.ATTRIBUTE_NODE(2)---属性节点

node.TEXT_NODE(3)---文本节点

node.nodeValue;---String

4.替换节点

element.replaceChile(newChild, oldChild);

5.查找属性节点

getAttribute("attrName")'---String

setAttribue("id", "book");

6.创建新元素节点

document.createElement("p")

document.createTextNode(text)

7.插入节点

element.appendChile(newChild)

element.insertBefore(newNode, targetNode);---newNode插入到targetNode前面

8.删除节点

removeChild(node)

9.遍历节点树

var nodeList = node.childNodes

var re = node.firstChild---获取第一个节点

var la = node.lastNode---获取最后一个节点

var ne = node.nextSibling---返回给定节点的下一个子节点

var pa = node.parentNode---获取父节点

var pre = node.previousSibling---返回给定节点的上一个子节点

10.读写元素里的html内容

node.innerHtml = "<p>a</p>"