常见的 DOM Core 方法、属性和注意点

 

常见的DOM Core方法如下（关联文章）：

1、创建节点
createElement()
createTextNode()
2、复制节点
cloneNode()
3、插入节点
appendChild()
insertBefore()
4、删除节点
removeChild()
5、替换节点
replaceChild()
6、查找和设置节点属性
setAttribute()
getAttribute()
7、查找节点
getElementById()
getElementsByTagName()
hasChildNode()
8、检索元素的CSS样式信息，并获取CSS属性值(局限性就是只能获取定义在html内容上的嵌入样式信息，但其实它更大的作用是去设置样式，用 = 赋值)
element.style.property

常见的DOM Core属性如下：

node.childNodes
node.firstChild
node.lastChild
node.nextSibling
node.previousSibling
node.parentNode
node.nodeType
node.nodeName

需要注意的地方：

node.nodeName返回的总是大写的元素名称
element.style.property有可能返回的属性值的计量单位会不同，比如 element.style.color在IE返回可能是#ff0000，在火狐是 rgb(255,0,0)