javascript - 将 float 参数从 html 传递到 javascript

Question

我这里有一个小问题。

我想做的是将一些参数从 html 传递到 javascript。这是代码:

HTML:

<div id="percentage">52.338</div>

JavaScript:

var pctg = document.getElementById("percentage");
alert(pctg);

但是效果不太好。你能告诉我如何修复它吗？我已经尝试过“parseFloat”和一些相关的东西，但还无法解决......提前谢谢。

Answer 1

您正在寻找的是元素的文本内容而不是元素本身。某些浏览器(当然是较旧的 IE)使用 innerText 而不是 textContent所以最好使用这两个属性:

var elem = document.getElementById("percentage");
var text = elem.textContent || elem.innerText;

如果您确实想要一个数字而不仅仅是一个字符串，请使用 parseFloat()在绳子上。

<小时/>

根据您正在执行的操作，最好将值存储在 data- 属性中。然后，您可以简单地使用 .getAttribute('data-whatever') 来访问它，而不必处理获取元素的文本内容。如果您使用 jQuery，它会变得更好，因为您可以使用 .data('whatever') ，它已经返回一个数字。现代浏览器还支持通过dataset属性直接访问数据属性；但您可能不想使用它，因为它会破坏旧版浏览器。