如何从HTML中的元素内部获取值并将其设置为JS

Question

我有一个元素。

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

我希望得到它的50并将其设置为x（类似的东西）

var x = ("#coins")

但我不确定该怎么做......

Answer 1

我假设你希望office以数字结尾，所以你可以这样做：

x

将获取元素的innerHTML，然后使用var x = +(document.getElementById("coins").innerHTML) 将其转换为数字。

这也有效：

unary +

还有var x = parseFloat((document.getElementById("coins").innerHTML)); var x = parseInt((document.getElementById("coins").innerHTML), 10); 和innerText属性，但它们没有广泛的支持。

Answer 2

您可以像这样访问元素的innerHTML：

var spanEl = document.getElementById('coins');
var x = spanEl.innerHTML;

如果您想将其投放到int，可以使用parseInt：

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

请注意10是parseInt函数中的第二个参数。这表示您要解析数字库10。

Answer 3

无法在评论中正确设置样式，但我建议这样做：

var x = parseInt(document.getElementById("coins").childNodes[0].nodeValue); 

x = isNaN(x) ? 0 : x;