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

网络编程 Javascript入门学习第七篇 js dom实例操作第1/2页 06-22

直接从方法说起：
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页
今天我们讲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

编辑：一起学习网

标签：节点,入门,属性,对象,元素