javascript - 在 div 标签中选择一个数字，用 59 减去它，然后以文本形式显示结果

Question

我试图选择“ProductPrice”类列出的价格，并从 59 美元中减去该价格以显示免费送货消息，但无法让它选择产品价格。我哪里错了？

<div><em class="ProductPrice">$16.95</em></div>


<script>
var cart = document.getElementByClassName("ProductPrice").replace('$', '');
var test = 59 - cart;

document.write('<div>Add $' + cart + 'to your cart to get free shipping.</div>');

</script>

Answer 1

您正在选择类为 ProductPrice 的 DOM 元素，然后尝试对其使用 replace 函数。但问题是替换函数是 String 类的方法。

所以首先应该获取元素中包含的文本的字符串值，即:

document.getElementsByClassName('ProductPrice')[0].textContent.replace('$', '')

您还可以使用 innerHTML 属性来获取 HTML 代码而不是文本值。

此外，如您所见，该函数是 getElementsByClassName它返回包含此类的所有元素的数组。

最后，您可能希望在 Number.toFixed 的帮助下在生成的 test 变量中显示正确的小数位数。方法。

编辑:Javascript 应该足够智能，可以在进行数学计算之前将字符串转换为 Number，但如果您想确定，可以使用 parseFloat(string)获取字符串的 float 值。