js 修改标签对象属性

经常修改的属性：

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

js 修改标签对象属性

推荐阅读更多精彩内容