JavaScript History 對象 HTML DOM Element 對象

HTML DOM firstElementChild 屬性

firstElementChild只讀屬性返回指定的父元素的第一個子元素。

如果父元素沒有子元素，則此方法將返回null值。

使用children屬性返回指定父元素的任何子元素。children [0]將返回與firstElementChild相同的結(jié)果。

要返回指定父元素的最后一個子元素，請使用lastElementChild屬性。

語法：

ParentElement.firstElementChild

示例

<div>
   <p>這是DIV中的第1個P</p>
   <p>這是DIV中的第2個P</p>
   <p>這是DIV中的第3個P</p>
</div>

<script>
var x = document.querySelector("div").firstElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

測試看看?/?

瀏覽器兼容性

所有瀏覽器完全支持firstElementChild屬性：

屬性
firstElementChild	是	是	是	是	是

技術(shù)細節(jié)

返回值：	一個Node對象，代表指定父元素的第一個子元素；如果沒有子元素，則為null
DOM版本：	DOM級別1

更多實例

獲取DIV元素的第一個子元素的HTML內(nèi)容：

示例

<div>
   <p>這是DIV中的第1個P</p>
   <p>這是DIV中的第2個P</p>
   <p>這是DIV中的第3個P</p>
</div>

<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

測試看看?/?

更改DIV元素的第一個子元素的HTML內(nèi)容：

示例

var div = document.querySelector("div");
div.firstElementChild.textContent = "HELLO WORLD";

測試看看?/?

JavaScript 對象

JavaScript 參考手冊

JS DOM參考手冊

HTML DOM firstElementChild 屬性

語法：

瀏覽器兼容性

技術(shù)細節(jié)

更多實例

相關(guān)參考