1.根据id获取元素:document.getElementById(“id名”);
2.根据标签名获取元素集合数组,可采取遍历方式得到:document.getElementsByTagName(‘标签名’)
3.通过HTML5新增获取元素(ie9以上兼容)
document.getElementByClassName(‘类名’):返回
document.querySelector(‘选择器’):返回指定选择器的第一个元素对象
1.根据id获取元素:document.getElementById(“id名”);
<body>
<div id="timer">
</div>
<script>
// 文档流读取从上到下,此时script代码需要在下方
//注意getElementById里是元素需要加双引号
var timer = document.getElementById('timer');
console.dir(timer);
</script>
</body>
2.根据标签名获取元素集合数组,可采取遍历方式得到:document.getElementsByTagName(‘标签名’)
3.
var boxs = document.getElementsByClassName('box');
console.dir(boxs);
var firstBox = document.querySelector('#nav');
console.dir(firstBox)
var li = document.querySelector('li');//不考虑兼容性的话推荐用这个
console.dir(li);
var allBox = document.querySelectorAll('.box');
console.log(allBox);