javascript使用innerHTML函数,控制指定div内容代码 - Go语言中文社区

javascript使用innerHTML函数,控制指定div内容代码


javascript使用innerHTML函数,控制指定div内容代码

代码

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">

</head>
<body>

<div id="zong_1">

    奖励总金额<input type="text" name="zong_qian[]"> 奖励总次数 <input type="text" name="zong_ci[]">
     <button style="color:#ca0c16;" onclick="update('guding',1)"> 改为固定奖励 </button>
</div>



<div id="zong_2">

    奖励总金额<input type="text" name="zong_qian[]"> 奖励总次数 <input type="text" name="zong_ci[]">
    <button style="color:#ca0c16;" onclick="update('guding',2)"> 改为固定奖励 </button>
</div>


<div id="zong_3">

    奖励总金额<input type="text" name="zong_qian[]"> 奖励总次数 <input type="text" name="zong_ci[]">
    <button style="color:#ca0c16;" onclick="update('guding',3)"> 改为固定奖励 </button>
</div>


<script>

    function update(type, hang) {
        alert(type);
        alert(hang);

        if (type == 'guding') {
            document.getElementById('zong_' + hang).innerHTML = '每卖一件,返<input type="text"  name="fan_qian[]">元 <button style="color: #0000FF;" οnclick="update(' + "'suiji'" + ',' + hang + ')"> 改为拼手气 </button>';
        } else {
            document.getElementById('zong_' + hang).innerHTML = '奖励总金额<input type="text"    name="zong_qian[]"> 奖励总次数 <input type="text"   name="zong_ci[]" ><button style="color:#ca0c16;" οnclick="update(' + "'guding'" + ',' + hang + ')"> 改为固定奖励 </button>';

        }


    }


</script>

</body>
</html>

默认显示

在这里插入图片描述

点击修改

在这里插入图片描述

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/guo_qiangqiang/article/details/98943643
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢