如何使用 JavaScript 计算 div class 的出现次数，并在没有 jQuery 的情况下将数字打印到屏幕上？

Question

I have a page that contains many div elements with the same class. All I want is a bit of JS to count them and print the total to the screen.

Answer 1

Try this

 const divs = document.querySelectorAll('div') console.log(divs.length)

 <div>item 1</div> <div>item 2</div> <div>item 3</div>

See

• Document.querySelectorAll()

Answer 2

 document.getElementById("result").innerHTML = "Count: " + document.querySelectorAll('.test').length;

 <div id="result"></div> <div class="test">Coffee</div> <div class="test">Milk</div> <div class="test">Soda</div>