JS獲取元素的子元素

2022-07-11 18:27:09 字數 675 閱讀 2937

1li>

2li>

3li>

4li>

ul>

選取上面結構裡面的li

ul

li:nth-child(1)

/*選取第乙個li*/

ulli

:nth-child(odd)

/*選取偶數*/

ulli

:nth-child(even)

/*選取奇數*/

ulli

:nth-child(3n+1)

/*選取3n+1個元素*/

由於ie8不支援這種選擇器的寫法,所以以下給出相容性寫法

ul

li:first-child

/*選取第乙個li*/

ulli

:first-child+li+li

/*選取第三個li*/

:only-of-type 選擇器匹配屬於其父元素的特定型別的唯一子元素的每個元素。(同樣不支援ie8)

:first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器。對於 ie8 及更早版本的瀏覽器中的 :first-child,需要宣告 。

js獲取dom元素的子元素,父元素,兄弟元素小記

原生js var a document.getelementbyid dom del space a 清理空格 var b a.childnodes 獲取a的全部子節點 var c a.parentnode 獲取a的父節點 var d a.nextsibling 獲取a的下乙個兄弟節點 var e ...

js 獲取元素,同級元素下的子元素總結

太原總結 不慌不慌,來日方長 html 確定 js function replysubmit doc 如圖 2.獲取上一級標籤 parent 父元素,children 子元素,prev 前乙個同輩元素,next 下乙個同輩元素 3.獲取相鄰元素 jquery裡我們要獲取某個元素的相鄰元素時,可以用到...

原生js獲取子元素

獲取子元素的方法有 獲取第乙個demo類 dom document.getelementsbyclassname demo 0 獲取父節點 dom.parentnode 獲取上一兄弟節點 dom.previoussibling dom.nextsibling 獲取第乙個子元素 dom.firstch...