📌  相关文章
📜  HTML | DOM firstElementChild 属性(1)

📅  最后修改于: 2023-12-03 14:41:47.739000             🧑  作者: Mango

HTML | DOM firstElementChild 属性

firstElementChild 属性返回指定元素的第一个子元素节点(Element)，如果该元素没有子元素，则返回 null。

语法
element.firstElementChild
参数

无

返回值

返回指定元素的第一个子元素节点(Element)，如果该元素没有子元素，则返回 null。

示例

以下示例展示如何使用 firstElementChild 属性来获取元素的第一个子元素节点：

<!DOCTYPE html>
<html>
<head>
	<title>示例</title>
</head>
<body>
	<div>
		<h1>这是一个标题</h1>
		<p>这是一个段落。</p>
	</div>

	<script>
		let div = document.querySelector('div');
		let firstChild = div.firstElementChild;

		console.log(firstChild); // 输出 <h1> 这是一个标题 </h1>
	</script>
</body>
</html>
注意事项
  • firstElementChild 属性只会返回一个元素节点，如果第一个子节点是文本节点、注释节点或其他类型的节点，它会跳过这些节点，直到找到第一个元素节点。
  • 如果元素没有子元素，则 firstElementChild 属性返回 null。
  • firstElementChild 属性是只读的，无法设置元素的第一个子元素节点。如果您需要设置元素的第一个子元素节点，请使用 insertBefore() 方法。