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 | 是 | 是 | 是 | 是 | 是 |
| 返回值: | 一個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";測試看看?/?HTML DOM參考:lastElementChild屬性