问答详情
源自:2-1 DOM创建节点及节点属性

学到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>


提问者:木森森4228263 2016-12-20 15:11

个回答

  • qq_丿蓝如樱乀_04182026
    2016-12-20 15:56:18
    已采纳

    因为你添加了两次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>


  • 慕丝2245369
    2016-12-20 15:54:57

    第一个C布大写吗?

  • 姜皓
    2016-12-20 15:25:18

    。。