Automation Training Week 3

ancestor_descendant.html

<!--
In the example below, attempting to access the individual input element in
the second div is possible using an ancestor/descendant selector. If we
only selected the input with the class "test_class" with:

document.querySelector('input.test_class');

We wouldn't be guaranteed to receive a unique element, as this selector
would match both input elements.

If we instead changed the selector to use the second div element as the
ancestor element, and changed our selector to read:

document.querySelector('div.test_class_2 input.test_class');

We would be guaranteed to receive the second div's input element as the
only match for our query.
-->
<div class = "test_class_1">
  <input class = "test_class"/>
</div>
<div class = "test_class_2">
  <input class = "test_class"/>
</div>