如何将```<p>```中的文本更改为js中的数字

Question

我试图获取<p>标签的内容，然后将其更改为一个数字，并将其乘以 2000，然后将其返回到<p>（在我按下选择标签后，通过将数字乘以 2000，将货币从 USD 更改为 LBP，这才有效） ） PS：这是我班的一个项目：

HTML：

<div class="card">

    <img class="imgcar" src="cars/402088-2020-land-rover-range-rover-velar.jpg" alt="Avatar" style="width:16em">

    <div class="container">

        <h4><b>Range Rover Velar</b><br><b>4 Doors</b><br><b> 5 Passengers</b> </h4>

        <p id="price">100</p><p>$/24hrs</p>

    </div>

</div>

JavaScript：

var p = document.getElementById("price");

var text = p.textContent;

var number = parseInt(text) * 2000;

p.innerHTML = number;

Answer 1

在与另一个数字相乘之前，您需要将字符串解析为整数：超文本标记语言<div><p id="price">160</p>JSvar p = document.getElementById("price");var text = p.textContent;var number = parseInt(text) * 2000;p.innerHTML = number;

Answer 2

price = document.getElementById("price");price.innerHTML=eval(price.innerHTML)*2000<div><p id="price">160</p>

Answer 3

这应该有效：var text = document.getElementById("price").textContent;var number = parseInt(text);number=number*2000;document.getElementById("price").innerHTML = number.toString();

Answer 4

不要使用parseInt- 你的小数（假设这个数字可以有小数）将会丢失。相反，使用parseFloatvar num= parseFloat(document.getElementsByTagName("p")[0].innerHTML);document.getElementsByTagName("p")[0].innerHTML= num*2000;<p>160.15</p>