JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
更新時間：2016年09月21日 07:44:57 投稿：jingxian
下面小編就為大家?guī)硪黄狫S 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
子節(jié)點(diǎn)的個數(shù)：
document.getElementById("id").childNodes.length
注意： 標(biāo)簽開/閉合算2個節(jié)點(diǎn) 第幾個子幾點(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="#">下一頁</a>
<a href="#">末頁</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ī)淼腏S 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
您可能感興趣的文章:
- JS常見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)頁中指定節(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)獲取某個元素相鄰兄弟節(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)簡單圖片輪換(只支持IE)
看著許多網(wǎng)站都有廣告自動輪換;自己試著寫了一個圖片輪換,代碼和功能都很簡單,只支持IE的,FF的還要加些東東,需要了解的朋友可以參考下2012-12-12
JavaScript實(shí)現(xiàn)日期格式化的方法匯總
日期是許多JavaScript應(yīng)用程序的基本組成部分，無論是在網(wǎng)頁上顯示當(dāng)前日期還是處理用戶輸入以安排事件，本文將探討在?JavaScript?中格式化日期的各種技術(shù)，希望對大家有所幫助2023-06-06
w3c聲明下可運(yùn)行 兼容性比較好的js對聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對聯(lián)廣告代碼，我們給他一個他竟然不能運(yùn)行，經(jīng)過排查，這是因?yàn)楝F(xiàn)在的廣告也用了一樣代碼，函數(shù)命名重復(fù)。2011-07-07
這篇文章主要為大家詳細(xì)介紹了一個非常巧妙的方法，JavaScript如何獲取超鏈接的絕對URL地址，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹通過js如何控制當(dāng)再次點(diǎn)擊按鈕是的間隔時間,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了JavaScript返回上一頁的三種方法及區(qū)別介紹,本文直接給出示例代碼,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JavaScript錯誤處理機(jī)制的相關(guān)資料，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-08-08
我們可以將call和apply看做是某個對象的方法，通過調(diào)用方法的形式來間接調(diào)用函數(shù)2013-09-09
這篇文章主要介紹了webpack 從指定入口文件中提取公共文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價值,希望對大家有所幫助,2023-12-12