JavaScript : changing a value of element html

Question

如何使用 JavaScript 更改第一个价格范围的值

<span class="regular-price" id="product-price-27">
    <span class="price">$2,699.99</span>  
</span>


<span class="price">$2,000</span>

我尝试过 getElementByClassName 但它改变了它们的拖曳

我只想更改第一个 <span class="price">$2,699.99</span> 的值

Answer 1

检查这个 demo jsFiddle

getElementsByClassName("price") - 获取类名为price的所有元素

[0] - 它采用 price 类的第一个元素。

JavaScript

 var newprice = document.getElementsByClassName("price")[0].innerHTML = "$3,000.00";    // Assign New Value $3,000.00

HTML

<span class="regular-price" id="product-price-27">
    <span class="price">$2,699.99</span>  
</span>
<br />

<span class="price">$2,000</span>