初学DOM(1)

81 阅读1分钟

1什么是DOM:

 Document Object Model

 什么是: 专门操作网页内容的API标准 - W3C

 何时: 今后操作网页内容,只有用DOM API

 包括: 增删改查,事件绑定

2. DOM Tree:

 什么是: 内存中,保存网页中所有内容的树形结构

 为什么: 树形结构最适合保存上下级包含关系。

 如何:

  1. 浏览器下载一个HTML文档后,先在内存建立树根节点-document,所有网页内容都是document节点的后代节点

  2. 浏览器按照元素的上下级包含关系,在document节点下逐级创建后代节点

       节点对象: 网页中每一项内容(元素,属性,文本,注释。。。)都是一个节点对象

  所有节点都有三个公共的属性: nodeType 、nodeName、nodeValue

属性使用取值缺点
nodeType 节点类型:只要区分节点的类型时值是数字:    1      element    2      attribute    3      text 9     document问题: 无法进一步区分节点 
nodeName 节点名称只要进一步区分节点的名称时1、document #document 2、element 全大写标签名 3、attribute   属性名 4、 text  #text  
nodeValue 节点值 几乎不用 document    nullelement      nullattribute     属性值 text         文本内容