经常修改的属性：
- innerHTML属性：修改标签体内容
- value属性： 修改value属性值。
- src属性： 修改图片的src属性。
- checked属性：修改单选或多项的默认值。
<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="点我试试，看我不弄死你">
</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 == "点我试试，看我不弄死你"){
button.value = "好吧，我服了";
}
else
button.value = "点我试试，看我不弄死你";
}
</script>
修改标签属性.gif
