javascript - 如何从 HTML 元素内部获取值并在 JS 中将其设置为变量

Question

这里我有一个元素。

<span id="coins">50</span>

我想从中取出 50 并将其设置为 x (类似的东西)

var x = ("#coins")

但是我不知道该怎么做......

Answer 1

我假设您希望 x 最终成为一个数字，所以您可以这样做:

var x = +(document.getElementById("coins").innerHTML)

它将获取元素的innerHTML，然后使用一元+将其转换为数字。

这也有效:

var x = parseFloat((document.getElementById("coins").innerHTML));

var x = parseInt((document.getElementById("coins").innerHTML), 10);

还有一个 innerText 以及 .textContent 属性，但它们没有那么广泛的支持。