如何获取html<span>标记的值并对其执行数学运算?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (298)

我将如何使用javascript从价格中提取30%,然后在旧价格下追加折扣价格?

HTML

<span class="price">$59.00</span>

JavaScript

var priceOne = parseInt(document.querySelector(".price").innerHTML);
var priceTwo = "$" + priceOne * .70;
document.querySelector(".price").innerHTML = priceTwo;

欢迎所有建议、建议或解决方案!

提问于
用户回答回答于

let oriprice = '$59.05';

let priceOne = parseFloat(oriprice.substring(1,oriprice.length));

var priceTwo = "$" + (priceOne * .70).toFixed(2);

console.log(priceTwo)

​问题是你的priceOne在解析后是NaN。 尝试使用subString删除第一个$符号,因为它是十进制数,而不是使用parseInt,使用parseFloat并在计算70%之后,在其上应用toFixed。

用户回答回答于

如果字符串中包含字符串,则JavaScript无法将字符串解析为数字。

var price = document.getElementsByClassName('price')[0];
price.innerHTML += '<br>$' + (parseFloat(price.innerHTML.replace('$', ''))*0.7).toFixed(2);
<span class="price">$59.00</span>

扫码关注云+社区

领取腾讯云代金券