节点的创建、添加、删除

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

创建和添加节点

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]);

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值