這篇文章給大家分享的是有關(guān)JavaScript中選擇器的示例分析的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),茂名企業(yè)網(wǎng)站建設(shè),茂名品牌網(wǎng)站建設(shè),網(wǎng)站定制,茂名網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,茂名網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
undefined
在html5之前只有下面四種選擇器
.getElementById("id")id選擇器;
.getElementsByName("name")name選擇器;
.getElementsByTagName("tagname")tag標(biāo)簽名選擇器;
.getElementsByClassName(".classname").class名選擇器
示例代碼:
JavaScript選擇器 id選擇器
name選擇器
tag標(biāo)簽選擇器
css中.class選擇器
運行截圖:
從結(jié)果可以看出各個返回值類型
.getElementById("id")id選擇器-----node單節(jié)點型(第一個id【具有唯一性】相同元素)
.getElementsByName("name")name選擇器----nodelist類數(shù)組型
.getElementsByTagName("tagname")tag標(biāo)簽名選擇器----nodelist類數(shù)組型
.getElementsByClassName(".classname").class名選擇器—nodelist類數(shù)組型
在html5產(chǎn)生后,就產(chǎn)生了另外兩種選擇器,用法與css選擇器類同
querySelector():根據(jù)選擇器規(guī)則返回第一個符合要求的元素(node)
querySelectorAll():根據(jù)選擇器規(guī)則返回所有符合要求的元素(nodelist)
示例代碼:
JavaScript選擇器 querySelector()根據(jù)選擇器規(guī)則返回第一個符合要求的元素
通過id獲取單節(jié)點
通過.class獲取單節(jié)點
querySelectorall()根據(jù)選擇器規(guī)則返回所有符合要求的元素
運行截圖:
感謝各位的閱讀!關(guān)于“JavaScript中選擇器的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!