请教self.params.element.children问题

Question

<footer class="" id="footer">
    <div class="" tapmode>
        <div class="iconfont icon-index"></div>
        <div class="" style="font-size: 0.55rem">首页</div>
    </div>
    <div class="" tapmode>
        <div class="iconfont icon-setout"></div>
        <div class="" style="font-size: 0.55rem">出发</div>
    </div>
    <span class="" id="haha" tapmode onclick="haha()"></span>
    <div class="">
        <div class="iconfont icon-xingcheng"></div>
        <div class="" style="font-size: 0.55rem">行程</div>
    </div>
    <div class="" tapmode>
        <div class="iconfont icon-wode3"></div>
        <div class="" style="font-size: 0.55rem">我的</div>
    </div>
</footer>

element: document.getElementById("footer")；
self.params.element.children

请教用上面方法获取id = "footer" 的子元素，如何排除里面的<span>子元素？

Answer 1

原生实现：

var footer = document.getElementById("footer");

var children = footer.childNodes;

var res = Array.prototype.filter.call(children ,(el)=> el.tagName === 'DIV');

//res.forEach((el)=> console.log(el.outerHTML));

Answer 2

$('#footer').children(':not("span")')

$('#footer').children('div')