<!DOCTYPE html>
<html lang="en-US">
<body>
<div>
<p class="point">P 1</p>
<p class="point">P 2</p>
<p class="point">P 3</p>
</div>
<script>
var x = document.querySelectorAll("div > .point");
x[0].innerHTML = "Query Length : " +x.length;
</script> </body>
</html>