經(jīng)常修改的屬性:
- innerHTML屬性:修改標(biāo)簽體內(nèi)容
- value屬性: 修改value屬性值。
- src屬性: 修改圖片的src屬性。
- checked屬性:修改單選或多項(xiàng)的默認(rèn)值。
<body>
<div>商品列表</div>
<input type="checkbox" name="all" onclick="checkAll(this)"/> 全選<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="checkbox" name="item" value="3000"/>筆記本電腦3000元<br/>
<input type="button" value="總金額:" onclick="getSum()"/><span id="sumid"></span>
<input type="button" id="btn" onclick="fight()" value="點(diǎn)我試試,看我不弄死你">
</body>
<script type="text/javascript">
function checkAll(obj){
var status = obj.checked;
var nodeList = document.getElementsByName("item");
for (var i=0;i<nodeList.length;i++){
var item = nodeList[i];
if (item.checked != status)
item.checked = status;
}
}
function getSum(){
var nodeList = document.getElementsByName("item");
var sum = 0;
for (var i=0;i<nodeList.length;i++){
var item = nodeList[i];
if (item.checked){
sum+=(parseInt(item.value));
}
}
var show = document.getElementById("sumid");
show.innerHTML = sum;
}
function fight(){
var button = document.getElementById("btn");
if (button.value == "點(diǎn)我試試,看我不弄死你"){
button.value = "好吧,我服了";
}
else
button.value = "點(diǎn)我試試,看我不弄死你";
}
</script>
修改標(biāo)簽屬性.gif