本周主要在写一个餐厅的管理系统,主要包含登陆注册功能,菜单,订单,用户信息的整套增删改查,在写这个任务的时候,不仅学到了一些新的方法,也回顾了一些之前学过却没有用过的知识,就比如节点的添加,删除操作,今天特地整理了一番。
创建和添加节点
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]);
以上为我所整理有关创建删除节点的内容,在接下来的一周希望自己能够加快写考核任务的速度,顺利的完成任务,写出即好看功能又能正常运行的界面。加油加油!!