JavaScript比较div中的值以在div中写入

时间:2013-06-15 11:07:27

标签: javascript

在我的网页中,我想确定我的商品是否在售。我有一个正在出售的价值电子表格,初始价格和显示该商品是否在售的价值。

我已将其放在div中的divs中,如下所示:

<div class="items">
<div class="onSale" id="onSale">79.99</div>
<div class="initialCost" id="initialCost">30.00</div>
<div class="actualSellingValue" id="actualSellingValue"></div>
</div>

我会在项目中包含大量产品,并且需要编写JavaScript以在actualSellingValue实际值内写入。因此,脚本需要查看第一个onSale div是否为null,然后将initialCost中的值写入actualSellingValue。下一个条件需要检查是否有一个onSale值在div中写入该值。

我是JavaScript新手,不知道如何做到这一点。

1 个答案:

答案 0 :(得分:2)

您可以这样做:

var onSale = document.getElementById("onSale").innerHTML;
var initialCost = document.getElementById("initialCost").innerHTML;
var actualSellingValue = document.getElementById("actualSellingValue");

if (onSale === "") {
   actualSellingValue.innerHTML = initialCost;
} else {
  actualSellingValue.innerHTML = onSale;   
}

但是,如果您有多个div个ID项,onSaleinitialCostactualSellingValue等,那么这只适用于第一套(因为它应该因为HTML标识符应该是唯一的)

http://jsfiddle.net/eWe5J/4/