使用javascript创建新元素

Question

在我的Spring Web应用程序中，对于客户注册页面，我添加并删除包含text，img和a-ref元素的div。当我在相同的jsp中编写代码时，页面工作完美但根据我的要求，当我尝试将javascript代码放入js文件并导入它并单击添加按钮时，将插入一个新的div以及下面给出的脚本代码，< / p>

我用来添加div的js函数是..

function addInputBox() { 
var ni = document.getElementById('myDiv'); 
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my'+num+'Div';

newdiv.setAttribute('id',divIdName); 
var htmlString  = '<div style="margin-top: 5px"><input type="text"name="service_name" title="Service Name" maxlength="200" style="width:400px;vertical-align:middle;"/>'+ 
                            '<a href="javascript:removeInputBox(\''+divIdName+'\')"><img src="<c:url value="/resources/img/common/x.png" />" alt="" style="vertical-align:middle;margin-left: 5px"/></a>'+
                            '<img src="<c:url value="/resources/img/ope/new.png" />" style="vertical-align:middle;margin:2px 0 0 2px;margin-left: 5px" /> </div> ';

newdiv.innerHTML = htmlString; 
ni.appendChild(newdiv);} 

任何想法可能出错？任何帮助将不胜感激..

Answer 1

非常确定脚本在那里，因为你没有逃避引用..这个

<img src="<c:url value=\"/resources/img/common/x.png\" />" alt="" style="vertical-align:middle;margin-left: 5px"/></a>'+
                        '<img src="<c:url value=\"/resources/img/ope/new.png\" />" style="vertical-align:middle;margin:2px 0 0 2px;margin-left: 5px" /> 

在你的img标签中错过了逃脱......“\”....

不确定wat c：url是......

希望这会有所帮助

Answer 2

我认为尝试将您的<c:url部分渲染为标记....您是否能够明确地提供字符串中这些图像的路径？