选择：selectAllChildren() 方法

Selection.selectAllChildren() 方法将指定节点的所有子节点添加到选择中。之前的选择将丢失。

语法

js
selectAllChildren(parentNode)

参数

parentNode

parentNode 的所有子节点都将被选中。parentNode 本身不属于选择的一部分。

返回值

无 (undefined).

示例

HTML

html
<main>
  <button>Select Footer</button>
  <p>Welcome to my website.</p>
  <p>I hope you enjoy your visit.</p>
</main>
<footer>
  <address>[email protected]</address>
  <p>© 2019</p>
</footer>

JavaScript

js
const button = document.querySelector("button");
const footer = document.querySelector("footer");

button.addEventListener("click", (e) => {
  window.getSelection().selectAllChildren(footer);
});

结果

规范

规范
选择 API
# dom-selection-selectallchildren

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅