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也一样!

原文地址:https://www.cnblogs.com/yanze/p/6015737.html