此处以JS生成图片元素标签为例
<script>
//HTML
function a(){
document.getElementById("d1").innerHTML="<img src='http://baidu.com/xx.jpg'>";
}
//方法
function b(){
var d1=document.getElementById("d1");
// 这段代码创建了一个新的 <img /> 元素:
var img = document.createElement("img");
// 给新标签赋值属性
img.src="http://baidu.com/xx.jpg";
d1.appendChild(img);
}
//对象
function c(){
var c=new Image();
c.src="http://baidu.com/xx.jpg";
document.getElementById("d1").appendChild(c);
}
</script>
HTML追加元素标签方法大全:
append(),在父级最后追加一个子元素(父子关系)
appendTo(),将子元素追加到父级的最后(父子关系)
prepend(),在父级最前面追加一个子元素(父子关系)
prependTo(),将子元素追加到父级的最前面(父子关系)
after(),在当前元素之后追加(是同级关系)
before(),在当前元素之前追加(是同级关系)
insertAfter(),将元素追加到指定对象的后面(是同级关系)
insertBefore(),将元素追加到指定对象的前面(是同级关系)
appendChild(),在节点的最后追加子元素(父子关系)