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

How to get a value from inside of an element in HTML and set it as variable in JS

本文关键字：JS 并在 设置 变量 获取 HTML 元素 内部      更新时间：2023-09-26

这里有一个元素。

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

我想从中取出50，并将其设置为x（类似于x）

var x = ("#coins")

但我不知道该怎么做…

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

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

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

这也起作用：

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

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

您可以访问元素的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为基数的数字。

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

var x = parseInt(document.getElementById("coins").childNodes[0].nodeValue); 
x = isNaN(x) ? 0 : x;
相关文章：