我怎样才能通过javascript获取价值，

Question

我想通过javascript获取这个div的值。

<div class = 'test'> 500 </div>

我试过这个来获得 500 的值，但它没有用。你知道我怎样才能拿回 500 吗？

values = document.getElementsByClassName("test").innerText
alert(values)

Answer 1

document.querySelector 选择第一个元素。 document.querySelector(".test") 表示选择类为 "test"(class="test")

的元素

在现实世界中你应该使用 document.querySelectorAll(selector) 并按索引选取元素

示例：document.querySelectorAll(".test")[0]

另一个例子：document.getElementsByClassName("test")[0]

注意：使用 getElementsByClassName 很好，但是 getElementsByClassName 和 getElementsById 的现代替代品是 querySelectorAll

但现在这段代码没问题：

const value = document.querySelector(".test").textContent;
console.log(value);

<div class='test'> 500 </div>