使用javascript创建新元素

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

in the image below when i press the '+' sign button i intend to call a js function which adds a row with text field and a close button and an img, but instead of this it shows the code

的js函数我使用添加一个div是..

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);}

任何想法可能是什么地方出了错？任何帮助将不胜感激..

来源

2012-11-05 VPK

@bipen可能你是对的，那些逃脱的报价是一个单调乏味的工作，我试图seperately克隆div和它的工作，但问题是当我尝试插入新元素在div.it中的那些元素之间插入每个div的新行。有没有什么方法可以在同一行中追加div？ BTW 是用于重定向到给定url的JSTL标签。 – VPK

相当肯定的脚本是存在的，因为你不是逃避quotation..try这

<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标签....

不确保笏C：网址是...

希望这有助于

来源

2012-11-05 10:46:42 bipen

-1

我认为它试图使你的<c:url一部分作为标签....你能提供的路径字符串明确这些图片？

来源

2012-11-05 10:35:15

??切断我的答案的其余部分！我试图说，它试图呈现

这样做没有回答这个问题。要批评或要求作者澄清，请在其帖子下方留言。 – Echilon

... Isnt

使用javascript创建新元素

回答

相关问题