DOM

Selection.selectAllChildren() メソッド

 編集:2022.09.25 by T.A.

指定されたノードのすべての子を選択に追加します。以前の選択は失われます。→MS(en)

構文
sel.selectAllChildren(parentNode)
sel
Selection
parentNode
parentNode のすべての子が選択されます。parentNode 自体は選択の一部ではありません。

HTML:

<main>
  <button>Select Footer</button>
  <p>Welcome to my website.</p>
  <p>I hope you enjoy your visit.</p>
</main>
<footer>
  <address>webmaster@example.com</address>
  <p>© 2019</p>
</footer>

JavaScript:

const button = document.querySelector('button');
const footer = document.querySelector('footer');

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

テスト
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: