Javascript入门学习第七篇 js dom实例操作第1/2页

直接从方法说起： 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同步Import,同步调用外部js的方法

在线演示地址http://www.jb51.net/jslib/Import/a.html主要功能代码import.js 复制代码代码如下: <!-- (function(){ if(typeof window._Import != "undefined") return; //防止多次加载 function >>>详细阅读

本文标题：Javascript入门学习第七篇 js dom实例操作第1/2页

地址：http://www.17bianji.com/kaifa2/JS/29578.html

1/2 1