此博客是本人从学生时代开始做笔记所用, 部分是工作所遇问题,做填坑笔记,部分闲来查阅资料,加上自己的理解所总结的学习笔记, 常忙得不可开交,若漏了资料来源,望通知~ 前路漫漫,写点东西告诉自己正在一点点进步,而不要迷失于繁忙。

nextSibling,previousSibling,childNodes常见错误

在使用nextSibling与previousSibling时,常出现选不到预计对象的情况

eg: <div class="a">1</div>

  <div class="b" onclick= "aa(this)">2</div>

function aa(obj){

  console.log(obj.previousSibling);

}

输出的居然是文本对象,若更改dom,去除空格

<div class="a">1</div><div class="b" onclick= "aa(this)">2</div>

则成功获取<div class="a">1</div>

因为: 在使用nextSibling与previousSibling时,空白文本也是一个节点!

同理childNodes也一样!

posted @ 2016-10-31 14:25  炎泽  阅读(203)  评论(0编辑  收藏  举报