Question

JavaScript中追加Html代码

一段Html代码

比如：<div style="background-color:#FFFFFF">
<h4 style="margin-top:5px; padding:8px;">
<span>请填写收货地址:</span>
<span style="margin-left:80%; font-size:14px; font:bold">×</span>
</h4>
</div>

想将它放进一个JavaScript方法中，然后调用，在页面中将这段代码执行！！(注意：这段代码在JavaScript中就这样表示,并且是追加进去的，也就是说原来的页面内容不发生改变)

Answer 1

var str = '<div style="background-color:#FFFFFF">';
str += '<h4 style="margin-top:5px; padding:8px;">';
str += '<span>请填写收货地址:</span>';
str += '<span style="margin-left:80%; font-size:14px; font:bold">×</span>';
str += '</h4>';
str += '</div>';
document.write(str);

Answer 2

var txtNode=document.CreateTextNode("");
document.getElementById(id).appendChild("txtNode");

Answer 3

document.getElementById("要添加的层的id").innerHTML+="你的这段代码";
这样会加在层的的里面的最后加入你的这个层

Answer 4

你可以设置某个元素的innerHTML属性为这段字符串，就可以直接替换它的内容