有问题!!!!

有问题!!!!

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>hello</title>
    <style type="text/css">
       .p1{background-color:pink;}
       #p1{color:green;}
    </style>
</head>
<body>
    <input type="button" value="yes">
    <script>
      var aim=document.getElementsByTagName("input");
      function clickFn(){
        if(this.value=="yes"){
          this.value="no";
        }
        else{
          this.value="yes";
        }
      }
      aim.onclick=clickFn;
    </script>
</body>
</html>

(1)如果按钮的值是“全选”, 当点击按钮时,按钮的值变为“反选”

(2)如果按钮的值是“反选”, 当点击按钮时,按钮的值变为“全选”

为什么这样写没有任何反应,是不是this指针的使用错误了?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>hello</title>

    <style type="text/css">

       .p1{background-color:pink;}

       #p1{color:green;}

    </style>

</head>

<body>

    <button>yes</button>

    <script>

      var aim=document.getElementsByTagName("button");

      console.log(aim);

      aim.onclick=function(){

        if(this.innerHTML=="yes"){

          this.innerHTML="no";

        }

        else{

          this.innerHTML="yes";

        }

      }

    </script>

</body>

</html>

为什么这样子点击的时候也没有任何反应?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
慕婉清8062065 2017-11-05 17:22:56

document.getElementsByTagName("button");这个方法获取的是button标签集合,所以你要绑定这个按钮的点击事件的话,得这样:

 aim[0].onclick=function(){

        if(this.innerHTML=="yes"){

          this.innerHTML="no";

        }

        else{

          this.innerHTML="yes";

        }

      }


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师