使用onclick創建元素

Question

我有一張桌子，每一行都是通過JavaScript添加的。 我創建這些行，以便在單擊它們時在它們下面創建另一個單元格，在其中可以顯示其他信息。 現在，我希望能夠銷毀當用戶單擊按鈕等時剛剛創建的行。因此，從本質上講，我需要使我創建的行具有onclick屬性，但它似乎不起作用。我已經盡力想盡一切辦法，所以任何幫助都會很棒！

 var table = document.getElementById("main_table");
var row = table.insertRow(1);
row.id = count;
row.onclick = function () 
{

var id = this.id;


var target = document.getElementById(id);
var newElement = document.createElement('tr');
newElement.style.height = "500px";
newElement.id = id + "" + id;
//newElement.innerHTML = text;




target.parentNode.insertBefore(newElement, target.nextSibling );


//var newRow = document.createElement("tr");
//var list = document.getElementById(id);
//list.insertAfter(newRow,list);


var newRow = table.insertRow(newID);
}

Answer 1

我試圖用小提琴來模仿您的問題。

http://jsfiddle.net/kr7ttdhq/12/

newElement.onclick = createClickableCells;
del.onclick = delCell;

上面的代碼顯示了小提琴的摘錄

在單元格的onclick事件中。 創建新的單元格，這些單元格又具有與第一個單元格相同的onclick事件。 此外，將插入一個“關閉”文本單元格，您可以通過該單元格刪除整行。

希望這可以幫助