js获取元素

通过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名直接获取到元素