html - 追加dom元素

javascript

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

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

1. a.append(b)，将b追加到a的内部的末尾，b是a的子元素
2. b.appendTo(a)，将b追加到a的内部的末尾，b是a的子元素
3. a.prepend(b)，将b追加到a的内部的最前面，b是a的子元素
4. b.prependTo(a)，将b追加到a的内部的最前面，b是a的子元素
5. a.after(b)，将元素b追加到a后面，二者同级
6. a.before(b)，将元素b追加到a前面，二者同级
7. a.insertAfter(b)，将元素b追加到指定对象a的后面，二者同级
8. a.insertBefore(b)，将元素b追加到指定对象(a)的前面，二者同级
9. 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>");