Chinaunix首页 | 论坛 | 博客
  • 博客访问: 95964
  • 博文数量: 34
  • 博客积分: 925
  • 博客等级: 准尉
  • 技术积分: 350
  • 用 户 组: 普通用户
  • 注册时间: 2011-08-15 11:52
文章分类

全部博文(34)

文章存档

2011年(34)

我的朋友

分类: WINDOWS

2011-08-29 15:05:08

DOM 概述:Documetn Object Model,文档对象模型。根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。
官方网址:

  • 节点的属性
    • nodeName String 节点名称
    • nodeValue String 节点值
    • nodeType Number节点类型1是html标签,2是属性,3
    • firstChild Node第一个子节点
    • lastChild Node 最后一个子节点
    • childNods NodeList 所有子节点
    • previousSibling Node 前一个节点
    • nextSibling Node 后一个节点
    • ownerDocument Document获得该节点所属的文档对象
    • attributes Map代表一个节点的属性对象
  • 节点的方法
    • hasChildNodes() Boolean 当前节点是否有子节点
    • appendChild(node) Node 往当前节点上添加子节点
    • removeChild(node) Node 删除子节点
    • replaceChild(oldNode, newNode) Node 替换子节点
    • insertBefore(newNode, newNode) Node 在指定节点的前面插入新节点
  1. var root = document.documentElement;
  2. var div = document.getElementById("test");
  3. alert(root.nodeName + ":" +div.nodeName);
  1. var body = document.body;
  2. var test = document.getElementById("test");
  3. body.removeChild(test);
删除节点,这种方法更可取:
  1. var test = document.getElementById("test");
  2. test.parentNode.removeChild(test);
获得所有节点:
  1. var oAllElements = document.getElementsByTagName("*");
  2. 或者(ie6):var oAllElements = document.all

aaaaa
阅读(451) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~