2012-06-20 65 views
0

我有一個按鈕,可以在單擊時創建表單元素。如何編輯附加div

addelement功能看起來像這樣

function addElement(){ 
    to = document.getElementById('top'); 
    newId = document.createElement('div'); 
    id = 'my'+this.num; 
    newId.setAttribute('id', id); 
    newId.innerHTML = "<input type = 'text' value = ''>"; 
    to.appendChild(newId); 
    this.num++; 
} 

...這使得文本輸入字段與ID =「頂」的格式,並創建一個動態格爲每一個表單元素

現在,一旦元素在表單內,我想知道一種編輯該元素的方法。這怎麼可能完成?

+0

您標記了一個問題,jQuery的,但你不使用它,並沒有提到它。你需要一個jQuery解決方案,還是一個普通的javascript? –

+0

使用這個document.body.appendChild(newdiv); –

+0

你想用新創建的元素做什麼樣的編輯? – Subhajit

回答

1

當你分配id這個元素:

var elementToEdit = document.getElementById('my123'); 

如果你需要得到input元素,簡單的寫:

newId.setAttribute('id', id); 

您可以通過ID使用getElementById功能得到這個元素

var inputToEdit = elementToEdit.childNodes[0]; 

但我會推薦你從字符串創建元素。即:

newId.innerHTML = "<input type = 'text' value = ''>"; 

更好的是使用createElement功能,然後將其追加到新創建的div