CodePen Embed - [JS] querySelector

<!-- 편의상 <head> 태그 등 생략 -->
<body>
  <ul>
    <li class="list-item">Item 1</li>
    <li class="list-item">Item 2</li>
    <li class="list-item">Item 3</li>
  </ul>
  <input type="text" value="default txt" />
</body>

// Query 메소드 방식
const ul = document.querySelector('ul');
const firstLi = ul.querySelector('.list-item');

This Pen is owned by yoojinyang on CodePen.

See more by @yoojinyang0303 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.