1. 爱易网页
  2. JavaSript
  3. 在方法中使用this做为参数的有关问题

在方法中使用this做为参数的有关问题

日期：2014-05-16　 浏览次数：20335 次

在方法中使用this做为参数的问题

 <div class="left_MenuTitle" onclick="switchMenu(this)">
  <div class="arrowUp" ></div>6666666666</div>
  <div>

js方法如下：
function switchMenu(obj) {
  var arrowDiv = obj.firstChild;
  alert(arrowDiv.className);
}

执行时提示undefined，请问是怎么回事？

------解决方案--------------------
<div class="left_MenuTitle" onclick="switchMenu(this)"><div class="arrowUp" ></div>6666666666</div><div>
<script>
function switchMenu(obj) {
var arrowDiv = obj.firstChild;
alert(arrowDiv.className);
}
</script>

换行的话，会把textNode 认为firstChild
------解决方案--------------------
HTML code
 <div class="left_MenuTitle" onclick="switchMenu(this)"><div class="arrowUp" ></div>6666666666</div>
  <div>

------解决方案--------------------
探讨

HTML code
 <div class="left_MenuTitle" onclick="switchMenu(this)"><div class="arrowUp" ></div>6666666666</div>
  <div>


换行也算节点
子元素和父元素放一行上


------解决方案--------------------


HTML code
    <div class="left_MenuTitle" onclick="switchMenu(this)">
        <div class="arrowUp" ></div>6666666666</div>
    </div>


    <script>
        function switchMenu(obj) {
            var arrowDiv = obj.firstElementChild || obj.firstChild;
            alert(arrowDiv.className);
        }
    </script>

相关资料更多>

  1. js获取并设立<p></p>的显示的值
  2. JQ，AJAX的有关问题，为什么ie和gg都可以，就FF不响应不行了
  3. 想动态设置样式，不知道如何写
  4. 高手，怎么通过脚本修改IE的安全设置!
  5. JS自动缩小与放大图片点击上一样保持之前放大与缩小的
  6. 外网js调用as方法时产生的跨越有关问题
  7. JS响应搜寻框回车键
  8. 求一正则表达式，取出某HTML中的有用部分成一个数组。解决方法
  9. 分享原生JavaScript技艺大收集(61~70)