DOM

DOM 可以将HTML描绘成一个多层次节点构成的结构

节点的属性

nodetype 节点的类型

nodeName

nodeValue

每个节点具有一个childNodes属性,期中包含一个NodeList对象，该对象保存着子节点

parentNode 指向父节点

previousSibling 指向前一个节点

nextSibling 指向后一个节点

firstChild 指向第一个节点

lastChild 指向最后一个节点

操作节点

appendChild() 插入节点

insertBefore()在某个节点之前插入节点

replaceChild() 替换节点第一个参数是替换节点，第二个参数是被替换节点

removeChild() 删除节点

cloneNode() 参数是true的话就是深复制(包含子节点) 为false为浅复制，

normalize() 处理文本节点，去除空格，合并字符串

Document

获得子节点

document,documentElement 对HTML的引用

document.body 对body进行引用

document.title

document.URL 请求的网址

document.domain 请求的域名 在框架的通信中有作用

查找元素

getElementById() 

getElementsByTagName() 获得相同标签名的集合

getElementsByName() 获得name相同的元素集合

文档写入

document.write()

Element

HTML元素

通过点运算符计算

取得特性

getAttribute()

setAttribute()

removeAttribute()

对于俩类属性style 和 onclick

style:  getAttribute ()返回的是字符, 通过属性返回的是对象

onclick: 前者返回字符串， 后者返回函数

创建元素

createElement()创建元素节点

createTextNode() 创建文本节点