直接从方法说起: 1, 删除节点。removeChild(): <body> <div id="cssrain"> <div id="a">a </div> <div id="b">b </div> <div id="c">c </div> </div> </body> <script> var msg = document.getElementById("cssrain"); var b = document.getElementById("b"); msg.removeChild(b); </script> 如果不知道要删除的节点的父节点是什么?可以使用parentNode属性。 比如: <body> <div id="cssrain"> <div id="a">a </div> <div id="b">b </div> <div id="c">c </div> </div> </body> <script> var b = document.getElementById("b"); var c = b.parentNode; c.removeChild(b); </script> 2, 替换节点。repalceChild() element.repalceChild( newNode , oldNode ); // 新节点是客人,肯定先服务他咯。。oldNode必须是Element的一个子节点。 例子: <body> <div id="cssrain"> <div id="a">a </div> <div id="b">b </div> <div id="c">c </div> </div> </body> <script> var cssrain = document.getElementById("cssrain"); var msg = document.getElementById("b"); var para = document.createElement("p"); cssrain.replaceChild( para , msg ); </script> 3,查找节点 相对上面的方法,查找节点是比较简单的。 因为很多人都用过。(记得我认识js的第一句就是getElementById();) getElementById(); 返回一个对象, 对象拥有 nodeName , nodeType , parentNode , ChildNodes 等属性。 getElementsByTagName() 查找标签名的所有元素。 返回一个集合,可以用循环取出每个对象,对象拥有 nodeName , nodeType , parentNode , ChildNodes 等属性。 例子: var ps = document.getElementsByTagName(“p”); for(var i=0 ; i< ps.length ; i++){ ps[i].setAttribute(“title”,”hello”); //也可以使用: ps.item(i).setAttribute("title","hello"); }
推荐整理分享Javascript入门学习第七篇 js dom实例操作第1/2页(javascript零基础入门书籍),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript零基础入门,javascript新手教程,javascript零基础入门书籍,js入门基础教程,javascript初学者,javascript快速入门,js入门基础教程,javascript零基础入门书籍,内容如对您有帮助,希望把文章链接给更多的朋友!
Javascript入门学习第八篇 js dom节点属性说明第1/2页 今天我们讲DOM属性。前面其实我们已经碰过DOM属性了。比如:nodeName,nodeType…..今天我们详细的讲解下。1,nodeName属性:节点的名字。如果节点是元素
Javascript入门学习第九篇 Javascript DOM 总结第1/2页 1,创建节点。createElement():vara=document.createElement(p);它创建的是一个元素节点,所以nodeType等于1。a.nodeName将返回p;注意;createElement()方法创建出来的新元
Javascript入门学习资料收集整理篇 Javascript入门学习第一篇js基础Javascript入门学习第二篇js类型Javascript入门学习第三篇js运算Javascript入门学习第四篇js对象和数组Javascript入门学习第五篇js