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

Question

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

我已经把它放在我网页上的 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 是否为空，然后将 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 项目的 div、onSale、initialCost、actualSellingValue 等，则这只适用于第一组(因为 HTML 标识符应该是唯一的)

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