JS 获取元素的 9 种方式

• document.getElementById

• document.getElementsByName

  在整个 DOM 中只有表单元素的 name 才能被此方法获取，所以此方法只用于表单元素的获取
  name 属性在表单元素中通常用于分组
  返回节点集合

• document.head / document.body / document.documentElement
  获取 head / body / html 元素

• [content].getElementsByTagName

• [content].getElementsByClassName

• [content].querySelector

• [content].querySelectorAll
  支持 css 选择器
  querySelector 与 querySelectorAll 不支持 IE 6-8
  获取的元素集合不会动态变化

var link = document.querySelect('.box a').href

---

描述节点间关系的属性

• childNodes - 获取所有子节点

• children - 获取所有元素子节点

• firstChild / lastChild - 获取第一个/ 最后子节点

• firstElementChild / lastElementChild - 获取第一个/最后 元素子节点

• previousSibing / nextSibing - 获取上一个/下一个兄弟节点

• previousElementSibing / nestElementSibing 获取上一个/下一个兄弟元素节点

  var temp = document.querySelector('.box')
  console.log(temp.chindren)