document对象查找节点注意事项

[yongheng2016]

• 1.document.querySelector()

  • 不反应元素实时变化
  • 可以在元素节点上调用
  • 查找效率低于document.getElementsById()

• 2.document.querySelectorAll()

  • NodeList对象
  • 不反应元素实时变化情况
  • 可以在元素节点上调用
  • 不支持查找伪类、伪元素

:first-line
:first-letter
:link
:visited

• 3.document.getElementsByClassName()

  • HTMLCollection对象
  • 反应元素实时变化
  • 可以在元素节点上调用
  • 正常情况下区分大小写（quirks mode下，大小写不敏感）

• 4.document.getElementsByTagName()

  • THMLCollection对象
  • 反应元素实时变化
  • 可以在元素节点上调用

• 5.documemnt.getElementsByName

  • NodeList对象
  • 选择拥有name属性的元素
    <form> | <radio> | | <fram> | <embed> | <object>

• 6. document.getElementsById()

  • 只能适用于document对象
  • 大小写敏感，效率高