JS 獲取HTML標簽內的子節(jié)點的方法

更新時間：2016年09月21日 07:44:57 投稿：jingxian

下面小編就為大家?guī)硪黄狫S 獲取HTML標簽內的子節(jié)點的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

子節(jié)點的個數(shù)：

document.getElementById("id").childNodes.length

注意：標簽開/閉合算2個節(jié)點第幾個子幾點：

document.getElementById("id").childNodes[n]

示例：

這里是 length-4 處，margin-left：20px

輸出：length=8

實例：

<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標簽內的子節(jié)點的方法的全部內容了，希望對大家有所幫助，多多支持腳本之家~

您可能感興趣的文章:

javascript+xml實現(xiàn)簡單圖片輪換(只支持IE)
看著許多網(wǎng)站都有廣告自動輪換;自己試著寫了一個圖片輪換,代碼和功能都很簡單,只支持IE的,FF的還要加些東東,需要了解的朋友可以參考下
2012-12-12
JavaScript實現(xiàn)日期格式化的方法匯總
日期是許多JavaScript應用程序的基本組成部分，無論是在網(wǎng)頁上顯示當前日期還是處理用戶輸入以安排事件，本文將探討在?JavaScript?中格式化日期的各種技術，希望對大家有所幫助
2023-06-06
w3c聲明下可運行兼容性比較好的js對聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對聯(lián)廣告代碼，我們給他一個他竟然不能運行，經(jīng)過排查，這是因為現(xiàn)在的廣告也用了一樣代碼，函數(shù)命名重復。
2011-07-07
巧方法 JavaScript獲取超鏈接的絕對URL地址
這篇文章主要為大家詳細介紹了一個非常巧妙的方法，JavaScript如何獲取超鏈接的絕對URL地址，感興趣的小伙伴們可以參考一下
2016-06-06
js控制當再次點擊按鈕時的間隔時間
這篇文章主要介紹通過js如何控制當再次點擊按鈕是的間隔時間,需要的朋友可以參考下
2014-06-06
JavaScript返回上一頁的三種方法及區(qū)別介紹
這篇文章主要介紹了JavaScript返回上一頁的三種方法及區(qū)別介紹,本文直接給出示例代碼,需要的朋友可以參考下
2015-07-07
簡介JavaScript錯誤處理機制
這篇文章主要介紹了JavaScript錯誤處理機制的相關資料，文中講解非常細致，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下
2020-08-08
javascript中call和apply方法淺談
我們可以將call和apply看做是某個對象的方法，通過調用方法的形式來間接調用函數(shù)
2013-09-09
webpack 從指定入口文件中提取公共文件的方法
這篇文章主要介紹了webpack 從指定入口文件中提取公共文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
js中如何向數(shù)組中添加元素unshift()方法
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價值,希望對大家有所幫助,
2023-12-12