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>

Answer 2

然后使用getElementsByClassName("price")[0]它只适用于第一个元素

Answer 3

尝试这个，首先获取外部span元素，然后使用该类获取其中的所有元素...

 var outerSpan = document.getElementById("product-price-27");
 var innerSpans = outerSpan.getElementsByClassName("price");
 innerSpans[0].innerHTML = "$xxxx";

这是live JSFiddle demo

Answer 4

$( ".price" ).first().text( "your text" );

请查看此.first

使用javascript

var parentElement = document.getElementsByClassName("price")[0]
parentElement.innerText="your price"

Answer 5

尝试getElementById（“product-price-27”）

Answer 6

如果是代码中具有类price的第一个元素：

var myelement=document.getElementsByClassName('price')[0];
myelement.innerHTML='new content';

如果你不确定它是否会是第一个，但你知道实际值，你可以：

var actualValue='whatever';
var elements=document.getElementsByClassName('price');
for (var i in elements){
    if (elements[i].innerHTML==actualValue)
    {
        elements[i].innerHTML=newValue;
        break;
    }
}

Answer 7

在这里，检查

var x = document.getElementsByClassName("price");
 x[0].innerHTML = "$2000";


http://jsfiddle.net/kushalraid/mjVH8/

Javascript：更改元素html的值

7 个答案:

的JavaScript

HTML