또는 querySelector()나 querySelectorAll() 메서드를 다시 사용할 수도 있습니다. td 태그는 여러 개이므로 querySelectorAll()을 사용합니다. querySelectorAll()을 사용하면 HTMLCollection 대신 NodeList라는 유사 배열 객체가 반환됩니다.

console.log(document.querySelector('table').querySelectorAll('td')); // [td, td, td]

form은 HTML에서 사용자에게 정보를 입력받아 서버로 정보를 전송하기 위한 양식인 폼(form)을 의미하는 태그입니다. form 태그는 children 속성 말고도 다른 방법으로 자식 요소를 찾을 수 있습니다. 다음 코드를 보면 form 태그 내부에 두 개의 input과 하나의 button 태그가 들어 있습니다.

bubbling.html

</table>

<form action="" method="get" id="form">
  <input type="text" name="name" id="name" required />
  <input type="email" name="email" id="email" required />
  <button name="button" type="submit">구독</button>
</form>

<script>