使用 onclick 创建元素

Question

我有一个table，每一行都是通过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

我已尝试用以下 fiddle 来模拟您的问题。

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

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

以上代码显示了 fiddle

中的片段

在单元格的onclick事件期间。创建新的单元格，这些单元格又具有与第一个单元格相同的 onclick 事件。此外，插入了一个 'close' 文本单元格，您可以通过它删除整行。

希望对您有所帮助

使用 onclick 创建元素

Create Element with onclick

javascript

jquery

onclick