原生 ES6极简删删除节点 箭头函数,正则,call

来源:互联网 发布:defined php 编辑:程序博客网 时间:2024/05/29 08:14

// html结构   

需求:把与Web开发技术不相关的节点删掉

    <ul id="t-list">
        <li>JavaScript</li>
        <li>Swift</li>
        <li>HTML</li>
        <li>ANSI C</li>
        <li>CSS</li>
        <li>DirectX</li>

    </ul>

<script>

       'use strict';

        var oLi = document.querySelectorAll('#t-list>li');

       var reg = /(javascript)|(html)|(css)/gi;

       [].map.call(oLi, x =>x.innerText.search(reg) === -1 ? x.parentElement.removeChild(x) : x);

</script>


删除子节点,另外一种方法是用常规循环:

var oUL = document.getElementById('t-list');
while (oUL.children.length > 0) {
    oUL.removeChild(oUL.children[oUL.children.length - 1]);
}

原创粉丝点击