Question

js插入html代码，innerHTML没有效果

function oo93_car(a,b,c)
{
var x1=document.getElementById("carnr").innerHTML;
x3='<p name="carcai" id="cai'+a+'"><li>'+b+'</li><li id="cai_num'+a+'">数量</li><li name="cai_xiaoji" id="cai_xiaoji'+a+'">小计</li></p>';
document.getElementById("carnr").innerHTML=x1+x3;
}

哪里错了？我查了N遍都觉得没问题啊。用alert输出x1或x3都正常，就是document.getElementById("carnr").innerHTML=x1+x3;不行，网页里显示不出来。
试了下：document.getElementById("carnr").innerHTML=“随便写";
这样就可以输出，html代码怎么不能输出呢？
请大神搭救！

Answer 1

在最后加一个alert(document.getElementById("carnr").innerHTML)看看弹出的HTML代码是否正确。

个人感觉可能是拼接的问题。有可能是没有结束标签什么的。或者你用google浏览器调试也可以。看下容器内的代码是否正确。
对于字符串的连接可以这样
var list = [];
list.push(“<table>”);
list.push(“<tr><td></td></tr>”);
list.push(“<tr><td></td></tr>”);
list.push(“<tr><td></td></tr>”);
list.push(“</table>”);
alert(list.join(""));

Answer 2

具体什么意思？是js动态添加、删除html，还是js如何在页面中插入html?

div是一个有浏览的文本框。
<div id="Preview" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale); width: 70px; line-height: 100px;" />
</div>