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文本

你可能感兴趣的:(java,html)