JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
子節(jié)點(diǎn)的個(gè)數(shù):
document.getElementById("id").childNodes.length
注意: 標(biāo)簽開(kāi)/閉合算2個(gè)節(jié)點(diǎn) 第幾個(gè)子幾點(diǎn):
document.getElementById("id").childNodes[n]
示例:
這里是 length-4 處,margin-left:20px
輸出:length=8
實(shí)例:
<div id="page_kx" style="text-align: center;" class="tac"> <span class="fy2">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一頁(yè)</a> <a href="#">末頁(yè)</a> </div> <script> var gor=document.getElementById("page_kx"); var gorL=Number(gor.childNodes.length)-4; gor.childNodes[gorL].style.margin="0 0 0 20px"; </script>
以上就是小編為大家?guī)?lái)的JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法的全部?jī)?nèi)容了,希望對(duì)大家有所幫助,多多支持腳本之家~
- JS常見(jiàn)DOM節(jié)點(diǎn)操作示例【創(chuàng)建 ,插入,刪除,復(fù)制,查找】
- 利用vue.js插入dom節(jié)點(diǎn)的方法
- JS獲取子節(jié)點(diǎn)、父節(jié)點(diǎn)和兄弟節(jié)點(diǎn)的方法實(shí)例總結(jié)
- Javascript removeChild()刪除節(jié)點(diǎn)及刪除子節(jié)點(diǎn)的方法
- javascript獲取網(wǎng)頁(yè)中指定節(jié)點(diǎn)的父節(jié)點(diǎn)、子節(jié)點(diǎn)的方法小結(jié)
- js遍歷子節(jié)點(diǎn)子元素附屬性及方法
- 淺談js的html元素的父節(jié)點(diǎn),子節(jié)點(diǎn)
- 刪除javascript所創(chuàng)建子節(jié)點(diǎn)的方法
- js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
- JavaScript實(shí)現(xiàn)獲取某個(gè)元素相鄰兄弟節(jié)點(diǎn)的prev與next方法
- JS實(shí)現(xiàn)DOM節(jié)點(diǎn)插入操作之子節(jié)點(diǎn)與兄弟節(jié)點(diǎn)插入操作示例
相關(guān)文章
javascript+xml實(shí)現(xiàn)簡(jiǎn)單圖片輪換(只支持IE)
看著許多網(wǎng)站都有廣告自動(dòng)輪換;自己試著寫(xiě)了一個(gè)圖片輪換,代碼和功能都很簡(jiǎn)單,只支持IE的,FF的還要加些東東,需要了解的朋友可以參考下2012-12-12JavaScript實(shí)現(xiàn)日期格式化的方法匯總
日期是許多JavaScript應(yīng)用程序的基本組成部分,無(wú)論是在網(wǎng)頁(yè)上顯示當(dāng)前日期還是處理用戶輸入以安排事件,本文將探討在?JavaScript?中格式化日期的各種技術(shù),希望對(duì)大家有所幫助2023-06-06w3c聲明下可運(yùn)行 兼容性比較好的js對(duì)聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對(duì)聯(lián)廣告代碼,我們給他一個(gè)他竟然不能運(yùn)行,經(jīng)過(guò)排查,這是因?yàn)楝F(xiàn)在的廣告也用了一樣代碼,函數(shù)命名重復(fù)。2011-07-07巧方法 JavaScript獲取超鏈接的絕對(duì)URL地址
這篇文章主要為大家詳細(xì)介紹了一個(gè)非常巧妙的方法,JavaScript如何獲取超鏈接的絕對(duì)URL地址,感興趣的小伙伴們可以參考一下2016-06-06js控制當(dāng)再次點(diǎn)擊按鈕時(shí)的間隔時(shí)間
這篇文章主要介紹通過(guò)js如何控制當(dāng)再次點(diǎn)擊按鈕是的間隔時(shí)間,需要的朋友可以參考下2014-06-06JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹
這篇文章主要介紹了JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹,本文直接給出示例代碼,需要的朋友可以參考下2015-07-07簡(jiǎn)介JavaScript錯(cuò)誤處理機(jī)制
這篇文章主要介紹了JavaScript錯(cuò)誤處理機(jī)制的相關(guān)資料,文中講解非常細(xì)致,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-08-08