<html>
<body>
<h1>The Element Object</h1>
<h2>The children Property</h2>
<select id="mySelect" size="4">
<option>Audi</option>
<option>BMW</option>
<option>Saab</option>
<option>Volvo</option>
</select>
<p>The text of the third child element (index 2) of the select element is:</p>
<p id="demo"></p>
<script>
const collection = document.getElementById("mySelect").children;
document.getElementById("demo").innerHTML = collection[2].text;
</script>
</body>
</html>