1. 爱易网页
  2. JavaSript
  3. javascript操作DOM-转

javascript操作DOM-转

日期：2014-05-16　 浏览次数：20297 次

javascript操作DOM-------转

javascript操作DOM

w3c把文档表示为树。我们先从dom的继承来说起：当浏览器解析完文档后，每个节点并非就是一个简单的Element对象实例，而是继承了很多东西。看下面的图


从上图可以看出，w3c定义的根是Node节点，Document、Elements都继承自Node节点，而下面的又扩展了HTMLDocument和HTMLElement，其实不但有HTML的内容，还有xml的扩展。
一、先看一下核心Node所具有的属性和方法：
.childNodes //返回节点的所有的子节点数组。是NodeList类型。在循环遍历时，取出一个子节点用item()来取。

Javascript代码

  1. <script> ??
  2. var?node?=?document.getElementById"nodeId");? ??
  3. for(var?i?=?0;i&lt;node.childNodes.length;i++) ??
  4. { ??
  5. ?????node.childNodes.item(i);//取出每一个子节点? ??
  6. }???

<script>

var node = document.getElementById"nodeId");

for(var i = 0;i&lt;node.childNodes.length;i++)

{

???? node.childNodes.item(i);//取出每一个子节点

}


.firstChild //第一个子节点
.lastChild //最后一个子节点
.attributes //所有的属性的集合。在遍历属性时，IE中所有的属性都能遍历到，即使属性值为null;而在firefox中只遍历有值的属性，无值的是遍历不到的。在遍历些属性时，取其中一个也是使用item()。
.nextSibling //下一个兄弟节点
.previousSibling //上一个兄弟节点
.parentNode //父节点
.nodeType //节点类型 节点如下：

?

常见类型

相关资料更多>

  1. 在加载中的图片为什么会动
  2. jsp两种include的差异
  3. 页面跳转,该怎么解决
  4. Javascript中暂停效能的实现
  5. 两个类库有关问题
  6. 小弟我晕了，JS脚本老是提示没有对象
  7. javascript 四舍五入保留n位小数
  8. 怎么在同一个网页内通过链接打开多个FLASH
  9. 顺序查找 减半查找 二叉树排序查找 （javascript 实现）