1、根据ID获取元素；
<body>
<button id= "btn">按钮</button>
<div class="box">
<div id= "box"></div>
<p class = "nix2"></p>
<p class = "nix2"></p>
<span></span>
<span></span>
</div>
</body>
获取btn 按钮
var btn = document.getElementById('btn');
console.dir(box)；不用获取直接打印；
console.log(box)；不用获取直接打印；
注意：由于id名不能相同， 所以id获取元素的方式只能用document调用；
由于浏览器的特殊实现方式，允许用户直接使用id名称访问元素，但不是标准方式，不推荐使用。
2、根据标签名获取元素；
第一种方法：var nix2 = document.getElementsByTagName('p');
第二种方法：首先我们先获取nix2的父元素box，然后var nix2 = box.getElementsByTagName('p');
标签名获取的是一个伪数组；如果页面上只有一个元素的那么就要在最后面加[0];
如:span = box.getElementsByTagName('span')[0];