JavaScript 比较 div 内的值以写入 div

Question

在我的网页中，我想确定我的商品是否在促销。我有一个电子表格，其中包含促销值、初始价格和显示该商品是否促销的值。

我已将其放在我的网页上的 div 中，如下所示:

<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 新手，不知道如何执行此操作。

Answer 1

你可以这样做:

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;   
}

但是，如果您有多个包含 ID 商品、onSale、initialCost、actualSellingValue 等的 div，则这仅适用于第一组(因为 HTML 标识符应该是唯一的)

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