HTML--追加元素的方法

Javascript

纯JavaScript的情况下，往往需要创建node对象，设置参数之后，进行append()操作。

const parent = document.createElement('div');
const child = document.createElement('p');
parent.appendChild(child);

1. append：a.append(b)，将b追加到a的内部的末尾，b是a的子元素
2. appendTo：b.appendTo(a)，将b追加到a的内部的末尾，b是a的子元素
3. prepend：a.prepend(b)，将b追加到a的内部的最前面，b是a的子元素
4. prependTo：b.prependTo(a)，将b追加到a的内部的最前面，b是a的子元素
5. after：a.after(b)，将元素b追加到a后面，二者同级
6. before：a.before(b)，将元素b追加到a前面，二者同级
7. insertAfter：a.insertAfter(b)，将元素b追加到指定对象a的后面，二者同级
8. insertBefore：a.insertBefore(b)，将元素b追加到指定对象(a)的前面，二者同级
9.appendChild：a.appendChild(b)，将b追加到a的内部的末尾，b是a的子元素，整体与append一致，有更高的限制，要求参数必须是node

jQuery

jQuery支持直接追加html脚本，使用起来，编码会轻松很多

$("#container").append("<tr id='mytr' class = 'mytr' onclick='alerts()'><td>row2</td></tr>");