DOM

DOM属性

• innerHTML – 获取内容和节点
• innerText – 获取内容
• parentNode – 获取当前节点的父节点
• ChildNodes – 获取当前节点的所有子节点(包括文本/注释节点)
• attribute – 获取当前节点的属性节点
• style – 修改当前节点的样式

获取节点

• getElementById（”id-name”）

• getElementsByClassName(“class-name”)

• getElementsByTagName(“元素名”)

新增节点

• document.createElement(‘标签名’) 创建元素节点

• document.createTextNode(‘文本’)创建文本节点

• node.appendChild(newNode) node下增加newNode节点

• node.insertBefore(newNode, cpNode) 在cpNode前插入newNode

修改节点

• replaceChild(newNode, node) newNode替换掉node

• setAttribute(‘type’, ‘value’) 把type属性的值设置为value

删除节点

• removeChild(element) 删除element节点