DOM -- 獲取元素 · 前端知識 -- 學習整理

>[success] # DOM -- 獲取元素 **元素element** 是 **Node 節點中的一個類型**，在獲取元素節點時候，通過使用元素**節點之間的導航** 可以獲取元素例如 ~~~ <body>  <div class="main">123</div> <script type="text/javascript"></script > </body> ~~~ * 獲取div元素節點 ~~~ const body = document.body // 獲取對應的是body元素 body.children[0]// 獲取獲取div元素節點 ~~~ * 也可以通過其他方法，任意的獲取到某一個元素 ~~~ 1.document.getElementsByName("name屬性的值") --- 操作name，返回數組 2.document.getElementsByClassName("類樣式的名字") --- 操作類樣式的名字，返回數組 3.document.querySelector("選擇器的名字"); --- 操作選擇器的名字，返回元素對象 4.document.querySelectorAll("選擇器的名字") --- 操作選擇器的名字，返回數組 5. document.getElementById('id') -- 返回元素對象 6. document.getElementsByTagName('tag') -- 返回數組 ~~~ * 注**querySelector，querySelectorAll，getElementsByTagName，getElementsByClassName**不僅通過`document` 調用,可以通過元素使用該屬性989 ![](https://img.kancloud.cn/38/63/3863ffd414420825bb4a670683ee103e_499x118.png)