在Javascript方法中使用DIV的值来执行计算

Question

以下<div>返回0-1之间的整数。

<div id=value></div>

上述DIV返回一个数字，例如：0.75。

我想使用javascript方法返回的这个值。我该怎么办？

 function getRandomArbitrary() {
    def number =Math.random() * <<THE VALUE THAT I OBTAINED FROM THE ABOVE DIV TAG>>;

     return number;
}

Answer 1

假设您想要标记内的值，例如<div id=value>1</div>，则可以使用.innerHTML。为了确保div的内部实际上是一个浮点数，请将其包装在parseFloat中（例如，如果div包含“abc”，则parseFloat将返回0）。

在你的情况下：

function getRandomArbitrary() {
    var number =Math.random() * parseFloat(document.getElementById('value').innerHTML);
    return number;
}

Answer 2

function getRandomArbitrary(elID) {
   return Math.random() * parseFloat(document.getElementById(elID).innerHTML);
}


getRandomArbitrary("number");

Demo

以上是你有类似的事情：

<div id=number>0.75</div>

---

如果你真的想在DIV 中存储值，那么最好的办法是使用
data-*属性如：

<div id=number data-value="0.75"></div>

会导致代码更改：

parseFloat(document.getElementById(elID).dataset.value);

Demo