溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
DOM概述
DOM=DocumentObjectModel，文檔對象模型，DOM可以以一種獨立于平臺和語言的方式訪問和修改一個文檔的內容和結構。換句話說，這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要，DOM的設計是以對象管理組織（OMG）的規約為基礎的，因此可以用于任何編程語言。最初人們把它認為是一種讓JavaScript在瀏覽器間可移植的方法，不過DOM的應用已經遠遠超出這個范圍。Dom技術使得用戶頁面可以動態地變化，如可以動態地顯示或隱藏一個元素，改變它們的屬性，增加一個元素等，Dom技術使得頁面的交互性大大地增強。
1. 根據id屬性的值獲取元素,返回來的是一個元素對象
document.getElementById("id屬性的值");
document.getElementById("btn");2. 根據標簽名字獲取元素,返回來的是一個偽數組,里面保存了多個的DOM對象
document.getElementsByTagName("標簽名字");
document.getElementsByTagName("li");下面的幾個,有的瀏覽器不支持
3. 根據name屬性的值獲取元素,返回來的是一個偽數組,里面保存了多個的DOM對象
document.getElementsByName("name屬性的值")
document.getElementsByName("name1")4. 根據類樣式的名字來獲取元素,返回來的是一個偽數組,里面保存了多個的DOM對象
document.getElementsByClassName("類樣式的名字")
document.getElementsByClassName("cls")5. 根據選擇器獲取元素,返回來的是一個元素對象
document.querySelector("選擇器的名字");
document.querySelector("#btn"); //id，類，標簽等選擇器用的比較多6. 根據選擇器獲取元素,返回來的是一個偽數組,里面保存了多個的DOM對象
document.querySelectorAll("選擇器的名字")以上就是js獲取DOM元素的方式總結的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
