JS基础学习二：DOM

获取节点：

document.getElementById("nodeId");
document.getElementsByTagName("nodeTagName");

树形操作：

firstChild
lastChild
childNodes
parentNode
nextSibling //同级的下一节点
previousSibling //同级的上一节点

创建节点

document.createElement("TagName");

创建文本节点

var newTextNode = document.createTextNode("ItemX")

;

移除节点

removeChild(list.lastChild); //移除子节点
curNode.parentNode.removeChild(curNode); //通过父节点移除本节点
this.parentNode.remove(this);

替换元素

list.replaceChild(newNode,list.firstChild);

节点的属性：

newLink.setAttribute("href","xxx.html");

克隆元素

var newItem= oldItem.cloneNode(true);
//true: 克隆子节点
//false:只克隆本节点

节点的操作

nodeName //节点的本来签名
nodeValue //节点的值
className //节点的Class属性值
innerHTML //节点内HTML文本