📌  相关文章
📜  HTML DOM TreeWalker firstChild() 方法(1)

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

HTML DOM TreeWalker firstChild() 方法

HTML DOM TreeWalker firstChild() 方法用于返回指定节点的第一个子节点。

语法
treeWalkerObj.firstChild();
参数

本方法不接受任何参数。

返回值

返回 Node 类型，表示指定节点的第一个子节点。如果没有子节点，返回 null。

示例

下面是一个使用 firstChild() 方法获取第一个子节点的例子：

<!DOCTYPE html>
<html>
<body>

<div id="myDiv">
  <p>第一个段落</p>
  <p>第二个段落</p>
</div>

<script>
var myDiv = document.getElementById("myDiv");
var walker = document.createTreeWalker(myDiv, NodeFilter.SHOW_ELEMENT, null, false);

var firstChild = walker.firstChild();
console.log(firstChild.nodeName); // 输出 'P'
</script>

</body>
</html>
浏览器兼容性

treeWalkerObj.firstChild() 方法在 IE9+, Firefox, Chrome, Safari 和 Opera 中皆可用。

参考