DOM概述

創(chuàng)新互聯公司是一家專注網站建設、網絡營銷策劃、成都微信小程序、電子商務建設、網絡推廣、移動互聯開發(fā)、研究、服務為一體的技術型公司。公司成立10多年以來，已經為1000+成都陽光房各業(yè)的企業(yè)公司提供互聯網服務?，F在，服務的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

DOM=DocumentObjectModel，文檔對象模型，DOM可以以一種獨立于平臺和語言的方式訪問和修改一個文檔的內容和結構。換句話說，這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要，DOM的設計是以對象管理組織（OMG）的規(guī)約為基礎的，因此可以用于任何編程語言。最初人們把它認為是一種讓JavaScript在瀏覽器間可移植的方法，不過DOM的應用已經遠遠超出這個范圍。Dom技術使得用戶頁面可以動態(tài)地變化，如可以動態(tài)地顯示或隱藏一個元素，改變它們的屬性，增加一個元素等，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元素的方式總結的詳細內容，更多請關注創(chuàng)新互聯其它相關文章！

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文標題：JavaScript獲取DOM元素的方法-創(chuàng)新互聯
文章出自：http://weahome.cn/article/dgspcg.html