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];