原生js实现删除节点操作

1. 代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>节点删除操作</title>
</head>
<body><button>删除</button><ul><li>赵四</li><li>刘能</li><li>谢广坤</li></ul><script>// 1. 获取元素var ul = document.querySelector('ul');var button = document.querySelector('button');// 2. 删除元素button.onclick = function() {if(ul.children.length === 0) {// 当没有元素可以删除，禁用按钮button.disabled = true;} else {ul.removeChild(ul.children[0]);}}</script>
</body>
</html>

2. 效果

原生js实现删除节点操作相关推荐

原生JS实现的DOM操作笔记（草稿整理）
原生JS实现的DOM一系列操作参考: 原生JavaScript封装DOM库 siblings: 原生JS-查找相邻的元素-siblings方法的实现 addClass,removeClass,hasC ...
原生JS中DOM节点相关API合集
原生JS中DOM节点相关API合集节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Te ...
单链表的头插法尾插法及删除节点操作
带头节点的单链表的头插法尾插法及删除节点操作链表的操作对于初学者来说理解非常有难度,初学的同学们应该在学习链表的过程中多再练习本上画图,写一行代码就画出代码执行后链表各节点图的变化,方便理解.我也是 ...
双链表（删除节点操作）
在双链表中删除第i个节点算法如下: 首先要会: 双链表的存储结构定义: typedef struct DLinkList{int data;DLinkList * prior;DLinkList * ...
zTree 异步删除节点操作
最近考虑使用 zTree 自带的编辑功能,但发现 beforeRemove 函数并不提供针对异步操作(如 AJAX.setTimeout)时的回调函数. 其实,要实现像这种需要根据异步返回结果来判断是 ...
ng-zorro中表格树的动态添加、修改、删除节点操作
在开发中,有时需要以表格树的形式加载数据,但是数据量特别大时,可能只是先加载一层,如果有子节点就在名称前显示一个"+"号或其它图标,然后点击"+"再展示子节点. ...
js的DOM节点操作：创建，插入，删除，复制，查找节点
DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准.其赋予了JS操作节点的能力.当网页被加载时,浏览器就会创建页面的 ...
微信公众号删除cookie失败，cookie设置了过期时间不管用，微信公众号cookie比较诡异，删不掉，解决办法，原生JS封装cookie统一操作删除cookie，读取cookie，删除cookie
公司有个项目,需求是这样的: pc 端的项目,有一个步骤可以在手机上操作,页面都在同一个域名下面,但是pc端需要登录(用到了 cookie ),公众号端不需要登录(不用 cookie ) ,不清楚服务 ...
原生js封装table表格操作，获取任意行列td，任意单行单列方法
V1.001更新增加findTable-min.js 本次更新,优化了代码性能方面,增加了部分新功能,可以获取多个table表格批量操作. 考虑到本人后面的项目中可能涉及到大量的表格操作,提前先封了 ...
原生js清空上一个元素内容_原生js系列删除元素
// 删除id var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode ...

原生js实现删除节点操作

1. 代码

2. 效果

原生js实现删除节点操作相关推荐

最新文章

热门文章