为了账号安全,请及时绑定邮箱和手机立即绑定

点击按钮改变内容,再次点击变回来

点击按钮改变内容,再次点击变回来

_天蝎座的你_0 2017-07-13 17:31:46
div 内容为123    点击按钮a 内容变为****  在此点击按钮a 内容变回123
查看完整描述

5 回答

已采纳
?
李晓健

TA贡献1036条经验 获得超461个赞

<!DOCTYPE html>
<html>
<head id="abc">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="div">123</div>
<button data-text="*****" id="button">按钮</button>
</body>
<script type="text/javascript">
        var div = document.getElementById('div');
        document.getElementById('button').onclick = function () {
            var text = this.getAttribute('data-text');
            this.setAttribute('data-text',div.innerHTML);
            div.innerHTML = text;
        }
</script>
</html>


查看完整回答
1 反对 回复 2017-07-13
?
千秋此意

TA贡献158条经验 获得超187个赞

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>123</div>
    <button>Button</button>
    <script>
        var div = document.querySelector('div');
        var btn = document.querySelector('button');
        var flag = true;

        btn.onclick = function() {
            div.innerHTML = (flag = !flag) ? '123' : 'a';
        }
    </script>
</body>
</html>


查看完整回答
2 反对 回复 2017-07-13
  • 5 回答
  • 0 关注
  • 5143 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信