标签:
// 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);
标签:
原文地址:http://www.cnblogs.com/llb1060729251/p/5495066.html