<body>
<p id="one">p1</p>
<p>p2</p>
<p>p3</p>
<input type="text" id="two"/>
<input type="text" />
<input type="text" />
<div id="three">div1</div>
<div>div2</div>
<div>div3</div>
<script>
document.querySelectorAll('p')
document.querySelectorAll('p')[0]
document.querySelectorAll('p')[1]
document.querySelectorAll('p')[2]
document.querySelectorAll('p').innerText
document.querySelector('#one')
document.querySelector('#one').innerText
document.querySelectorAll('input')[0].value
document.querySelectorAll('#two').value
</script>
</body>
