dom是一段html代码，jq可以$(dom) 获取到这个对象，原生怎么获取？

Question

dom是一段html代码，jq可以$(dom) 获取到这个对象，原生怎么获取？

Answer 1

通过ID获取

<div id="box"></div>
document.getElementById('box')

通过类名

<div class="box"></div>
document.getElementsByClassName('box')

通过标签名

<div class="box"></div>
document.getElementsByTagName('div')

通过name属性

<input name="passwd" value="12"/>
document.getElementsByName('passwd')

通过选择器获取一个元素

<div class='fa'>
  <p class="son">
    <span></span>
  </p>
</div>
document.querySelector(".fa > .son")  返回一个元素

通过选择器获取一组元素

<div class='fa'>
  <p class="son">
    <span></span>
    <span></span>
    <span></span>
  </p>
</div>
document.querySelectorAll(".fa > .son > span")  返回一个数组 [span1,span2,span3]