JS DOM

DOM简介

HTML文档中的每个元素都是一个节点
无论是标签 标签属性 文本 注释甚至空白都算是一个节点

查找元素

  1. 通用方法
    • document.getElementById 通过id属性来查找元素
    • document.getElementsByTagName 通过标签名来查找元素
    • document.getElementsByClassName 通过类名来查找元素
    • document.getElementsByName 通过name属性查找元素
  2. 父子关系节点
    • childNodes 获取所有的子节点(包括文本节点和注释节点)
    • children 获取所有的子元素节点标签节点
    • firstChild 第一个节点
    • firstElementChild 获取第一个元素节点
    • lastChild 最后一个节点
    • lastElementChild 最后一个元素节点
    • previousSibling 上一个节点
    • previousElementSibling 上一个元素节点
    • nextSibling 下一个节点
    • nextElementSibling 下一个元素节点
    • parentNode 父级节点
    • parentElement 父级元素节点
  3. 特殊节点
    • document.doctype 获取文档头
    • document.documentElement 获取html标签
    • document.head 获取head标签元素
    • document.title 获取页面的标题 (设置标题的时候 只能document.title = ‘i love you’)
    • document.body 获取body元素
  4. 节点集合
    • document.forms 获取所有的表单元素 (elements获取元素 name获取元素)
    • document.links 获取所有的a标签
    • document.images 获取所有的img标签元素