在原生js里获取子元素childNodes ,但是在一些浏览器会把空格当成子元素
html
html:
<div class="box"><div>2</div><div>1</div>
</div>Js:
var $ = function(o){ //获取元素函数return document.querySelector(o);
}console.log($(".box").childNodes); //获取.box下面的子元素
在这里只有两个子元素,但是在一些浏览器里它就变成5个子元素
在这个浏览器里会把文本和空格都当初一个子元素,这样你会想到把.box下面的空格和text删除就好,没错,接下来删除这些元素就可以了
//第一种方法:
var box = $(".box");
var box_child = $(".box").childNodes;for(var i = 0; i<box_child.length; i++){if(box_child[i] ==