如何将```<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>

JS

var 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- 你的小数（假设这个数字可以有小数）将会丢失。相反，使用parseFloat

var num= parseFloat(document.getElementsByTagName("p")[0].innerHTML);

document.getElementsByTagName("p")[0].innerHTML= num*2000;

<p>160.15</p>