HELLO!大家好!
今天的笔记是DOM常用添加/删除元素.
(1). 只添加一个新元素: 3步
a. 创建一个新元素:
var 新元素=document.createElement("标签名")
b. 为元素设置关键属性:
新元素.属性名="属性值";
c. 将新元素添加到DOM树: 3种:
1). 末尾追加:
父元素.appendChild(新元素)
2). 在某个元素前插入:
父元素.insertBefore(新元素, 现有元素)
3). 替换某个元素:
父元素.replaceChild(新元素, 现有元素)
(2). 优化: 尽量减少操作DOM树的次数，2种:
a. 如果同时添加父元素和子元素，应该先将子元素添加到父元素，最后再将父元素一次性添加到DOM树
b. 如果父元素已经在页面上，要添加多个平级子元素。应该利用文档片段对象
1). 创建文档片段对象:
var frag=document.createDocumentFragment()
2). 将子元素添加到文档片段对象中:
frag.appendChild(子元素)
3). 最后将文档片段对象一次性添加到DOM树上父元素下
父元素.appendChild(frag);
(3). 删除元素:
父元素.removeChild(子元素)
·
·
·
本人写博客就是想记录一下自己所学的知识（目前正在学习中），巩固知识加深记忆，也顺便分享一下自己的所学，有什么地方写的不对，希望大家可以多多指出，让我及时改正。如果我分享的东西帮助到你，别忘了点赞、分享、收藏呦~！
注：如有侵权，请联系删除。
