真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JavaScript中選擇器的示例分析

這篇文章給大家分享的是有關(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選擇器

   

運行截圖:


JavaScript中選擇器的示例分析

從結(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ī)則返回所有符合要求的元素 

運行截圖:


JavaScript中選擇器的示例分析

感謝各位的閱讀!關(guān)于“JavaScript中選擇器的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!


網(wǎng)站名稱:JavaScript中選擇器的示例分析
標(biāo)題來源:http://weahome.cn/article/ijjcdj.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部