常用 DOM 操作

节点关系

• 父子关系

  • parentNode

  • childNodes / children

  • firstChild / lastChild

• 兄弟关系

  • Previous / next

获取节点方法

• getElementById

• getElemenstTagName

• getElemenstClassName

• querySelector

• querySelectorAll

创建节点

element = document.createElement(tagName)

修改节点

文本节点

• textContent 节点及其后代节点的文本内容

• innerText 同textContent

• innerHTML

• outterHTML

插入节点

appendChild

在指定元素后追加一个Child

var achild = element.appendChild(child)

insertBefore

在指定元素的指定节点前添加一个Child

var achild = element.insertBefore(achild,referenceChild)

删除节点

removeChild

child = element.removeChild(child)