這篇文章主要介紹“JavaScript中有哪些獲取元素的方法”，在日常操作中，相信很多人在JavaScript中有哪些獲取元素的方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中有哪些獲取元素的方法”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)公司2013年至今，先為陽信等服務(wù)建站，陽信等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為陽信企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

JavaScript中獲取元素的方法有：1、根據(jù)id獲取元素；2、根據(jù)標(biāo)簽名字獲取元素；3、根據(jù)name屬性的值獲取元素；4、根據(jù)類樣式的名字獲取元素；5、根據(jù)選擇器獲取元素。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

1.根據(jù)id獲取元素

document.getElementById("id屬性的值");

2.根據(jù)標(biāo)簽名字獲取元素

document.getElementsByTagName("標(biāo)簽的名字");

3.根據(jù)name屬性的值獲取元素

document.getElementsByName("name屬性的值");

4.根據(jù)類樣式的名字獲取元素

document.getElementsByClassName("類樣式的名字");

5.根據(jù)選擇器獲取元素

1.document.querySelector("選擇器");

2.document.querySelectorAll("選擇器");

1.根據(jù)id獲取元素

document.getElementById("id屬性的值");

返回值是一個元素對象

案例：點擊按鈕彈框

2.根據(jù)標(biāo)簽名字獲取元素

document.getElementsByTagName("標(biāo)簽的名字");

返回值是一個偽數(shù)組

案例:點擊按鈕改變多個p標(biāo)簽的文字內(nèi)容

    
    
    
        
哈哈,我又變帥了
        
哈哈,我又變帥了
        
哈哈,我又變帥了
        
哈哈,我又變帥了
        
哈哈,我又變帥了
    

    
    

3.根據(jù)name屬性的值獲取元素

document.getElementsByName("name屬性的值");

返回值是一個偽數(shù)組

案例:案例:點擊按鈕,改變所有name屬性值為name1的文本框中的value屬性值

4.根據(jù)類樣式的名字獲取元素

document.getElementsByClassName("類樣式的名字");

返回值是一個偽數(shù)組

案例:修改所有文本框的值

5.根據(jù)選擇器獲取元素
1.document.querySelector("選擇器");

返回值是一個元素對象

案例：點擊按鈕彈框

2.document.querySelectorAll("選擇器");

返回值是一個偽數(shù)組

案例:修改所有文本框的值

到此，關(guān)于“JavaScript中有哪些獲取元素的方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享題目：JavaScript中有哪些獲取元素的方法
當(dāng)前網(wǎng)址：http://weahome.cn/article/ieisgi.html