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

学到js的this,然后敲了一个代码?可是总是要点击两次才出结果,求解


<a href="#" id="example" onclick="init_page();">点击变绿</a>

<a href="#" id="example1" onClick="init_page1();">点击变绿</a>

<script type="text/javascript">

    function to_green(){

        this.style.color="green";

    }

    function init_page(){

    var example=document.getElementById("example");

        example.onclick=to_green;

   }

   function init_page1(){

  var example1=document.getElementById("example1");

        example1.onclick=to_green;

  }

</script>


正在回答

3 回答

因为你添加了两次onclick事件,第一次是onclick="init_page()",第二次是example.onclick=to_green,如果需要运用this,就不用第一次的onclick事件,直接获取id,给id元素添加点击事件,调用函数来设置id元素的颜色:

<a href="#" id="example">点击变绿</a>

<a href="#" id="example1">点击变绿</a>

<script type="text/javascript">

    function to_green(){

        this.style.color="green";

    }

    var example=document.getElementById("example");

     example.onclick=to_green;

  var example1=document.getElementById("example1");

  example1.onclick=to_green;

</script>


2 回复 有任何疑惑可以回复我~
#1

木森森4228263 提问者

非常感谢!
2016-12-20 回复 有任何疑惑可以回复我~

第一个C布大写吗?

0 回复 有任何疑惑可以回复我~

。。



0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

学到js的this,然后敲了一个代码?可是总是要点击两次才出结果,求解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信