您的位置:首页 > 其它

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

2017-11-03 17:23 274 查看
// 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]);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  正则 函数 箭头函数