HTML | DOM 位置路径名属性(1)

📌 相关文章

📜 HTML | DOM 位置路径名属性(1)

📅 最后修改于: 2023-12-03 15:31:12.830000 🧑 作者: Mango

在 HTML 中，元素节点的位置路径名属性指的是从文档根节点到该元素节点的路径。在 DOM 中，可以通过 parentElement.tagName 和 indexOf 方法来构建位置路径名。

elementPathname = element.tagName.toLowerCase() + "[" + (indexOf.call(element.parentNode.children, element) + 1) + "]";

<!DOCTYPE html>
<html>
<body>

<div>
  <p>
    Hello World!
  </p>
</div>

</body>
</html>

在上面的 HTML 代码中，元素节点 <p> 的位置路径名为 html[1]/body[1]/div[1]/p[1]。