javascript - Cannot read property 'firstChild' of undefined

问题描述

问 题

<ul>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
</ul>


<script>
  var abc =  function(){
     $(this).addClass("ab").siblings().removeClass("ab");
    }
</script>    

点击页面，提示的是错误是：Uncaught TypeError: Cannot read property 'firstChild' of undefined； 想问下这个是什么原因。。搞不懂

解决方案

你的写法有一定的问题，this指向的是windows，并不是你想指向的<li>

<ul>
  <li onclick="abc(this)"><a href="javascript:void(0);">12234588</a></li>
  <li onclick="abc(this)"><a href="javascript:void(0);">12234588</a></li>
  <li onclick="abc()"><a href="javascript:void(0);">12234588</a></li>
</ul>

<script>
    var abc =  function(obj){
        $(obj).addClass("ab").siblings().removeClass("ab");
    }
</script>

这样就可以了。

这篇关于javascript - Cannot read property 'firstChild' of undefined的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！