1，根据标签名获取元素
document.getElementsByTagName(‘div‘); // 能够获取所有div标签
可以通过已找到的元素来调用
2，根据标签的class属性获取元素
document.getElementsByClassName(‘nav‘); // 能够获取所有class="nav"的元素
可以通过已找到的元素来调用
在IE9以后的版本才支持！
3，根据标签的name属性获取元素
document.getElementsByName(‘mv‘); // 能获取所有name="mv"的元素
在不同浏览器工作的方式不同，在IE和Opera浏览器下这个方法
将返回具有id属性和name属性是这个值的！
4，根据标签的id属性获取元素
document.getElementById(‘btn‘); // 只能获取第一个id="btn"的元素
只能通过document来调用！
5，根据选择器来查找元素:
document.querySelector(‘ul li‘); // 只能获取第一个元素
document.querySelectorAll(‘ul li‘); // 可以获取ul下的所有li元素
有浏览器兼容性问题，在IE8以后的版本才会执行。移动端开发可以直接使用，不用担心兼容性问题
事件：就是当什么时候做什么事情
触发~响应
1，先获取元素
2，给元素注册事件
事件名称
事件源
事件处理函数
实例：点击按钮后弹出窗口
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <input type="button" value="点我" id="btn"> <script> // 先获取元素 var btn = document.getElementById(‘btn‘); // 注册事件 btn.onclick = function () { alert(‘点到我了‘); } </script> </body> </html>
原文：https://www.cnblogs.com/uncle-kay/p/10666145.html
