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() 创建文本节点