常用DOM操作

节点关系

  • 父子关系

    • parentNode
    • childNodes / children
    • firstChild / lastChild
  • 兄弟关系

    • Previous / next

获取节点方法

  • getElementById
  • getElemenstTagName
  • getElemenstClassName
  • querySelector
  • querySelectorAll

创建节点

element = document.createElement(tagName)
1

修改节点

文本节点

  • textContent 节点及其后代节点的文本内容
  • innerText 同textContent
  • innerHTML
  • outterHTML

插入节点

appendChild

在指定元素后追加一个Child

var achild = element.appendChild(child)
1

insertBefore

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

var achild = element.insertBefore(achild,referenceChild)
1

删除节点

removeChild

child = element.removeChild(child)
1