var flag = 0; function addContact() { var tbody = document.getElementById("contacts"); var tr = document.createElement("tr"); var td1 = document.createElement('td'); if (flag) { td1.innerHTML = '<img id="img" src="del.jpg" onclick = "removeContact(tr)">'; } else { flag = 1; } var td2 = document.createElement('td'); td2.innerHTML = '<input type="text" id="input" maxlength = "20">'; var td3 = document.createElement('td'); td3.innerHTML = '<input type="text" maxlength = "20">'; tbody.appendChild(tr); var tr3 = tbody.lastChild; tr3.appendChild(td1); tr3.appendChild(td2); tr3.appendChild(td3); console.log(flag); }
<table> <tbody id="contacts"> <tr> <td colspan="3"><a href="#" onclick = "addContact()">Добавьте контакт</a></td> </tr> <tr> <td width="20"></td> <td>Имя</td> <td>Email</td> </tr> </tbody> </table> <script> var flag = 0; function addContact() { var tbody = document.getElementById('contacts'); var tr = document.createElement('tr'); var td1 = document.createElement('td'); if (flag) { td1.innerHTML = '<img id="img" src="http://javascript.ru/modules/smileys/packs/smilies/smile.gif" onclick="removeContact(this)">'; } else { flag = 1; } var td2 = document.createElement('td'); td2.innerHTML = '<input type="text" id="input" maxlength="20">'; var td3 = document.createElement('td'); td3.innerHTML = '<input type="text" maxlength="20">'; tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tbody.appendChild(tr); } function removeContact(elem) { var tr = elem.parentNode.parentNode; tr.parentNode.removeChild(tr); } </script>