Javascript 如何获取将数据提供给div的样式的值？[MyShop电子商务]

我正在使用MyShopwww.myshop.com来创建我的店铺。但是他们正在使用一种我以前从未见过的编程

在basket.html脚本中输出总价输出的示例：

<span style="myshop-value:price-total-formatted;white-space:nowrap;"></span>

输出：

100,00欧元

因此，在标签中没有任何数据的情况下，这个跨度输出篮子中的总产品的价格。所以我猜他们正在使用CSS样式表从中获取数据，老实说，这对我来说是新的

我想制作一个JavaScript函数，根据价格输出一条消息

因此，当产品价格低于25欧元时，必须输出一条信息，说明您将享受免费送货

当de product超过25欧元时，必须发送一条消息，告知您必须支付运费

请参见该函数的Js脚本：

<div id="price"></div>

<p id="shipping"></p>

<script>
    var price = document.getElementById("price").innerHTML;

    if (price < 24.99) {
        document.getElementById("shipping").innerHTML = "You'll have free shipping";
    }

    if (price > 25) {
        document.getElementById("shipping").innerHTML = "You'll have to pay for shipping";
    }
</script>

问题是，当我在price div中填入一个数字时，JS就起作用了。但是，每当我把Span和样式放在一起时，div就找不到我猜的数据

---

我从来没有见过这种类型或编程，我在谷歌上搜索过，但我就是找不到任何东西，或者我只是在谷歌上搜索错了。一个解决方案会很好，但如果能解释一下这种编程方式，也会很感激的。

看看这把小提琴-

---

您需要一种在javascript中查找跨度的方法，因此我添加了一个id属性。在获得内部html之后，我们需要去掉欧元/美元符号，并将结果字符串转换为整数

非常感谢你，你解决了这个问题，我用这个电子商务还有很多！！！不幸的是，它只能在输出之前获取数字。所以100,99将输出100。您知道获取全部价格的方法吗？将innerHtml.match中的正则表达式更改为/\d+，\d\d？/。这将匹配1个或多个数字，然后可选地使用逗号后跟两个数字。您可能需要将替换为。在结果数中，使其正确解析为十进制数。您还需要使用parseFloat而不是parseIntDone：需要一个不同的正则表达式和parseFloat而不是parseIntDone。实际上，正则表达式应该是这样工作的。我认为问题出在parseFloat部分，它只能使用。作为十进制分隔符。正如我前面所说的，您将需要用替换。在结果解析数中。例如，您可以尝试使用parseFloatinnerHtml.match/\d+\，\d\d？/[0]。替换“，”，”。；

var innerHtml = $('#theLabel').html();
var intVal = parseInt(innerHtml.match(/\d+/)[0]);