通过document获取节点
// 通过标签的id名获取标签
语法：
document.getElementById("标签id名");
// 通过标签名获取标签
语法：
document.getElementsByTagName("标签名");
// 通类名获取标签
语法：
document.getElementsByClassName("标签类名");
// 通过标签的name属性获取标签
语法：
document.getElementsByName("标签的name属性的值");
// 上述4种获取标签的方法，除了通过id可以准确获取到元素，别的方法都是只能获取到元素的集合（类数组）
使用css选择器获取元素
语法：
documen.querySelector(css选择器); // 获取到匹配css的第一个元素 documen.querySelectorAll(css选择器); // 获取到匹配css的所有元素
通过id名直接获取到元素：
<div id="myid" class="box" name="mydiv">盒子1</div>
<script>
console.log(myid);
</script>
通过id名直接获取到元素
原文：https://www.cnblogs.com/wxyddg/p/14144319.html