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