原生 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]);
}
阅读全文
0 0
- 原生 ES6极简删删除节点 箭头函数,正则,call
- ES6 中的箭头函数
- ES6 箭头函数 柯里化
- ES6箭头函数=>
- es6箭头函数
- ES6箭头函数
- ES6箭头函数小结
- es6箭头函数
- ES6 箭头函数
- es6的箭头函数
- es6箭头函数
- es6箭头函数
- 浅谈ES6箭头函数
- es6箭头函数
- ES6 箭头函数理解
- es6之箭头函数
- ES6中的箭头函数
- ES6-箭头函数 =>
- JSP+Servlet实现用户登录状态的保存
- DataBining用法<一>
- Android Bitmap 那点事
- Hadoop架构
- 负载均衡
- 原生 ES6极简删删除节点 箭头函数,正则,call
- 11、3第三节课
- Python笔记17.11.3
- 制作TFrecords格式数据
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID。
- 清除、删除、重置AD账户、OU属性值&往AD的OU属性添加值
- 比较函数
- 如何用5天设计出一款认真的产品?
- Java回调函数理解和应用