Как добавить атрибут к тегу сформированному DOM?

Question

[VaSSa1568]

function addRow(id){
    var name = document.getElementById('nameid').value;
    var price = document.getElementById('priceid').value;
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR");

    tbody.appendChild(row);

    var td1 = document.createElement("TD");
    var td2 = document.createElement("TD");

    row.appendChild(td1);
    row.appendChild(td2);
    td1.innerHTML = name;
    td2.innerHTML = price;
}

Задача заключается в копировании строки из таблицы 1 в таблицу 2 по клику на строку, причем строка изначально получена через форму на странице.

Comments

[VaSSa1568]

При выполнении document.createElement("TR") создается . Вопрос в том как сделать:

[Константин Громов]

VaSSa1568: Что у вас не работает или чего не хватает? Заголовок никак не связан с содержимым вопроса и сам код валиден.

[VaSSa1568]

Константин Громов: Код то валиден, вопрос с этим нет. Вопрос в том как вставить атрибут дополнительно( а именно onclick) для выполнения функции при клике на строку таблицы. var row = document.createElement("TR") создает <tr></tr> , а надо <tr onclick="function()"></tr> . Надеюсь доходчиво, если не понятно , спрашивайте ;D

Answer 1

[Константин Громов]

row.addEventListener('click', function () {
    // any code
}, false);

Самый правильный и корректный способ добавления обработчиков.
https://developer.mozilla.org/ru/docs/Web/API/Even...