慕课网2-16编程题问题

最新推荐文章于 2021-05-18 14:32:50 发布

hope-dwj

最新推荐文章于 2021-05-18 14:32:50 发布

阅读量245

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/maia007/article/details/80772413

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

题目是：使用通过DOM获取HTML元素的方式绑定事件
gif图如下：


<body>
    <input type="button" value="全选">
    <script type="text/javascript">
        //补充代码
        var btn = document.getElementsByTagName("input")[0];

        function zhengxuan() {
            btn.value = "全选"
        }

        function fanxuan() {
            btn.value = "反选"
        }
        if (btn.value == "全选") {
            btn.onclick = fanxuan;
        } else {
            btn.onclick = zhengxuan;
        }
    </script>
</body>

运行之后发现点击全选可以变成反选，再点击反选就没有变化了。
应该是这样：


<body>
    <input type="button" value="全选">
    <script type="text/javascript">
        //补充代码
        var btn = document.getElementsByTagName("input")[0];
        btn.onclick = myclick;

        function myclick() {
            if (btn.value == "全选") {
                btn.value = "反选";
            } else {
                btn.value = "全选";
            }
        }
    </script>
</body>

这时为什么呢？在错误的代码中，程序按顺序进行，执行完

if (btn.value == "全选") {
            btn.onclick = fanxuan;

之后，整个程序就完事了不会去执行else的条件。所以是要当onlick
时触发函数，然后函数里再来判断执行条件。

==能犯这种错，我也是弱智……==

hope-dwj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
慕课网2-16编程题问题

题目是：使用通过DOM获取HTML元素的方式绑定事件 gif图如下： &lt;body&gt; &lt;input type="button" value="全选"&gt; &lt;script type="text/javascript"&gt; //补充代码 var btn = document.getElementsByTagNa..
复制链接

扫一扫