添加、删除元素
来源:互联网 发布:淘宝延长收货的时间 编辑:程序博客网 时间:2024/06/03 20:50
添加元素:
1、先创建空元素:
var element=document.createElement("标签名");
2、再设置相关属性:比如:var ele=document.createElement("a");相当于<a></a>
比如:
a.href="www.baidu.com";
a.innerHtml="百度一下";
上述相当于:<a href="www.baidu.com">百度一下</a>
3、最后将新元素添加到指定父元素下:
注意:parent.appendChild(child)将child添加到parent的子元素末尾
parent.insertBefore(child,oldChild)将child插入到oldChild之前
parent.replaceChild(child,oldChild)用child替换parent下的oldChild
如果需要同时添加父元素和子元素时,可以:
先创建父元素,将子元素添加到父元素下,最后将父元素整体添加到页面中去;
如果需要添加多个平级子节点时,可先将子节点放在文档片段中,再将文档片段整体挂到页面上去:
1、先创建空文本片段
var frag=document.createDocumentFragment();
2、将多个子元素放到文档片段下
frag.appendChild(child);
3、再将文档片段整体放到页面中(注意:片段不会成为页面中的元素,添加后会自动释放)
删除元素:
parent.removeChild(child);
child.parentNode.removeChild(child);
0 0
- JS添加删除元素
- 添加或删除元素
- jquery 添加、删除元素
- 添加、删除HTML元素
- 数组 添加删除元素
- jquery 添加删除元素
- 添加、删除元素
- js添加删除元素
- javascript删除,添加元素
- 添加和删除元素:
- python 添加删除元素
- javaScript - 删除添加元素
- jQuery 添加删除元素
- HTMLDOM添加删除元素
- 添加、删除元素
- DOM添加删除元素
- JQuery添加删除元素
- js添加删除表格元素
- 小谈加密算法
- 深度学习——综述(LeCun、Bengio和Hinton)
- mysql定时任务
- Word转PDF(Java实现)
- js h5 上传图片 转成base64 进行图片压缩 不失真
- 添加、删除元素
- setComponentZOrder
- React Native-组件的引用
- PAT-乙级 1001. 害死人不偿命的(3n+1)猜想 (15)
- WEB-INF目录与META-INF目录的作用
- ps 切图
- svn移动仓库数据并且账号不丢失的解决办法
- C++ 虚继承派生类构造函数的写法
- 【堆】堆排序