使用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創建新元素

回答

相關問題