码迷,mamicode.com
首页 > Web开发 > 详细

js :Node

时间:2016-05-15 14:07:37      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

   //    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);

js :Node

标签:

原文地址:http://www.cnblogs.com/llb1060729251/p/5495066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!