JavascriptDOM獲取元素的幾種方法

第一種
document.getElementById('id屬性值')

根據(jù)輸入元素屬性id的值,返回一個(gè)本頁面所有相同元素的列表。

第二種
document.getElementsByTagName('標(biāo)簽名字')

根據(jù)輸入元素的名稱,返回一個(gè)本頁面所有相同元素的列表。
因?yàn)樗麰lement后面加了s表示的查多個(gè),而不是只查一個(gè)。

第三種
document.getElementsByName('name屬性值')

根據(jù)輸入元素屬性name的值,返回一個(gè)本頁面所有相同元素的列表。

第四種
document.getElementsByClassName('class屬性值')

根據(jù)輸入元素屬性class的值,返回一個(gè)本頁面所有相同元素的列表。

第五種
document.querySelector('元素名+#or.+id或class屬性值')

根據(jù)輸入('元素名+#or.+id或class屬性值'),返回第一個(gè)找到的元素。

第六種
document.querySelectorAll('元素名+#or.+id或class屬性值')

根據(jù)輸入('元素名+#or.+id或class屬性值'),返回一個(gè)本頁面所有相同元素的列表。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評(píng)論 19 139
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說閱讀 12,423評(píng)論 6 13
  • 我手邊的書越來越滄桑 我的心卻仍是年幼 書有些受傷 傷疤啊,是褪色的皺紋么? 我心也是有皺紋的 應(yīng)該是要休養(yǎng)生息 ...
    Mrhonestwarm閱讀 295評(píng)論 0 0
  • 吾嘲《半字歌》 詠已. 五十五 半上半下半中間,半左半右半兩邊。 ...
    文字砌匠閱讀 3,179評(píng)論 26 31

友情鏈接更多精彩內(nèi)容