HTML DOM 元素 firstElementChild
示例
獲取第一個子元素的 HTML 內容
let text = element.firstElementChild.innerHTML;
自己動手試一試 »
獲取“myDIV”的第一個子元素的標籤名
let text = document.getElementById("myDIV").firstElementChild.tagName;
自己動手試一試 »
獲取 <select> 元素的第一個子元素的文字
let text = document.getElementById("mySelect").firstElementChild.text;
自己動手試一試 »
描述
firstElementChild
屬性返回指定元素的第一個子元素。
firstElementChild
屬性是隻讀的。
firstElementChild
屬性與 children[0] 返回相同的結果。
節點與元素
在 HTML DOM 術語中
節點是指所有節點(元素節點、文字節點和註釋節點)。
元素之間的空白符也是文字節點。
元素僅指元素節點。
childNodes 與 children
childNodes 返回子節點(元素節點、文字節點和註釋節點)。
children 返回子元素(不包括文字和註釋節點)。
firstChild 與 firstElementChild
firstChild 返回第一個子節點(元素節點、文字節點或註釋節點)。元素之間的空白符也是文字節點。
firstElementChild 返回第一個子元素(不包括文字和註釋節點)。
lastChild 與 lastElementChild
lastChild 返回最後一個子節點(元素節點、文字節點或註釋節點)。元素之間的空白符也是文字節點。
lastElementChild 返回最後一個子元素(不包括文字和註釋節點)。
語法
元素.firstElementChild
返回值
型別 | 描述 |
節點 | 元素的第一個子元素。 如果沒有子元素,則為 null 。 |
瀏覽器支援
element.firstElementChild
是 DOM Level 3 (2004) 的特性。
所有現代瀏覽器都完全支援它
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |