1. 追加与删除 HTML 元素
创建 HTML 元素:
var newEle = document.createElement("p");
将创建的元素追加到别的元素之后:
appendChild(B)
若 B 是新建的元素,在 A 元素的所有子元素的末尾增加元素 B。
若 B 是页面中已存在的元素,则该语句会将 B 元素移动到 A 的子元素中。
appendChild() 函数和 innerHTML 属性的效果差不多,区别在于:
- innerHTML 运行效果通常比 appendChild 慢(可能需要解析原因)。
- innerHTML 比 appendChild 更方便,像写字符串似的。
另外两个元素:
jQuery 的 append() 和 appendTo()
这两个函数是 jQuery 的函数。使用模式为:
- append():前面是要选择的对象,后面是要在对象内插入的元素内容。
- appendTo():前面是要插入的元素内容且为 jQuery 对象,而后面是要选择的对象。
实例:
$('#a').append('content');
$('content').appendTo($('#a'));
注意:append、appendTo 前面一定要是 jQuery 对象。
示例代码:
$(document).ready(function(){
var t = document.getElementById("mydiv");
var s = document.createElement("p");
s.innerHTML = "test content";
$(s).appendTo(t);
// 这句可用另外两种方法代替
// t.appendChild(s);
// $(t).append(s);
});
$(s).appendTo(t) 可用 t.appendChild(s) 和 $(t).append(s) 替换,产生一样的效果。
写成如下方式也可以:

