// 1,appendChild() 向元素添加一个新的子节点;作为最后的节点 var node=document.createElement("li"); var Xi=document.createTextNode("这是新节点"); node.appendChild(Xi); document.getElementById("Jd").appendChild(node) var a=document.createElement("a"); a.setAttribute("href","#"); var b=document.createTextNode("点击我"); a.appendChild(b); document.getElementById("div").appendChild(a); // 2,cloneNode() 克隆元素 var c=document.getElementById("Jd"); var d= c.cloneNode(true); document.getElementById("div").appendChild(d); // 3,childNodes() 获取对象内的所有子节点;只包含次级节点 var e=document.getElementById("Jd").childNodes; console.log(e); // 4,parentNote() 获取元素的父节点:该方法可以获取你所需元素的父节点 var f=document.getElementById("Jd").parentNode; console.log(f); // 5,firsChild() 获取元素的第一个子节点; var g=document.getElementById("Jd").firstChild; console.log(g); // 6,lastChild() 获取你所需元素的最后一个子节; var g=document.getElementById("Jd").lastChild; console.log(g); // 7, nextSibling : 获取所需元素的兄弟节点; var g=document.getElementById("Jd").nextSibling; console.log(g);
时间: 2024-09-30 05:41:02