节点的创建、添加、删除

简介: 节点的创建、添加、删除

  本周主要在写一个餐厅的管理系统,主要包含登陆注册功能,菜单,订单,用户信息的整套增删改查,在写这个任务的时候,不仅学到了一些新的方法,也回顾了一些之前学过却没有用过的知识,就比如节点的添加,删除操作,今天特地整理了一番。

创建和添加节点

1. createElement() 创建元素节点

var  element = document.createElement('元素名');

2. createTextNode() 创建文本节点

var  txt = document.createTextNode('文本内容');

3. createAttribute() 创建自定义属性

var   att = document.createAttribute('属性名');
att.value = '属性值';

4. appendChild() 向节点中添加最后一个子节点(insertBefore(,)在指定元素前添加节点)

//获取父节点
var ul = document.querySelector('ul');
// 创建子节点
var li = document.createElement('li');
//添加
ul.appendChild(li);
//在指定元素前添加节点
var lili = document.createElement('li');
ul.insertbefore(lili,ul.children[0]);

删除节点

removeChild()  删除一个子节点

ul.removeChild(ul.children[0]);

以上为我所整理有关创建删除节点的内容,在接下来的一周希望自己能够加快写考核任务的速度,顺利的完成任务,写出即好看功能又能正常运行的界面。加油加油!!


目录
相关文章
|
Kubernetes 容器
k8s集群—node节点的删除与添加
k8s集群—node节点的删除与添加
515 0
|
6月前
|
存储 Python
删除链表节点详解
删除链表节点详解
|
5月前
|
存储
删除链表的节点
删除链表的节点
29 0
删除链表的中间节点
这个题类似于寻找链表中间的数字,slow和fast都指向head,slow走一步,fast走两步,也许你会有疑问,节点数的奇偶不考虑吗?while执行条件写成fast&&fast->next就OK,不理解可以画个图,自己举个例子就能看懂了。
55 0
node笔记记录81删除和修改1
node笔记记录81删除和修改1
54 0
node笔记记录81删除和修改1
|
JavaScript
节点操作之创建节点
节点操作之创建节点 在实际开发中,我们经常会遇到在用户使用过程中,我们需要动态创建一个文本框,也就是用户在点击某些按钮之后,我们要给这个页面添加一个新的节点。这种操作在节点操作里面叫做创建节点。那么创建节点有哪些方式呢?
|
前端开发 测试技术 程序员
删除链表中的重复节点.
删除链表中的重复节点.
删除链表中的重复节点.
第2关:子节点创建、列出、删除
第2关:子节点创建、列出、删除
297 0
第2关:子节点创建、列出、删除
|
Kubernetes 容器
k8s集群添加删除node节点
k8s集群添加删除node节点
206 0