More than 1 year has passed since last update.

querySelectorはdocument以外のElementでも使える

JavaScript
dom
豆知識

Last updated at 2022-01-17Posted at 2022-01-17

HTML

<body>
  <div class="first-element">
    <div class="some-child">Hi!</div>
  </div>
  <div class="second-element">
    <div class="some-child">Bye!</div>
  </div>
</body>

const $second = document.querySelector('.second-element');
const $child = $element.querySelector('.some-child');
console.log($child.innerText);
// => Bye!

Reactだと↓のように使えたりして便利(子要素のref使えというツッコミはなしで
ref.current.querySelector('.some-child')

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up