js 修改標(biāo)簽對(duì)象屬性

經(jīng)常修改的屬性:

  1. innerHTML屬性:修改標(biāo)簽體內(nèi)容
  1. value屬性: 修改value屬性值。
  2. src屬性: 修改圖片的src屬性。
  3. 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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,915評(píng)論 18 139
  • 1、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱,在應(yīng)用程序中可通過Name屬性來引用窗體。 ...
    Moment__格調(diào)閱讀 4,589評(píng)論 0 11
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評(píng)論 1 41
  • 個(gè)人博客:https://yeaseonzhang.github.io 花了半個(gè)多月的時(shí)間,終于又把“JS紅寶書”...
    Yeaseon閱讀 11,582評(píng)論 9 52
  • 大家都知道,在4S店換機(jī)油絕對(duì)會(huì)挨宰。機(jī)油品質(zhì)碩,價(jià)格還老高。 所以有很多人選擇自己帶機(jī)油到修理店,換油。但又沒有...
    機(jī)油妹閱讀 398評(píng)論 0 0