У меня есть несколько столбцов, пытаюсь добавить функцию добавления строк в каждый из столбцов отдельно. В итоге получается так, что создаваемый элемент появляется на экране на долю секунды и исчезает. В дом дереве тоже не появляется.
function addnew(elem) {
var newdiv = document.createElement('div');
newdiv.innerHTML = document.getElementById('newlinktpl').innerHTML;
newdiv.classList.add('row')
elem.parentElement.appendChild(newdiv);
alert(newdiv.className);
}
<form method="post" action="">
<div class="yesterday">
<a href="" onclick="addnew(this)" class="addnew">More links</a>
<div class="row">
<div class="Enter link">
<p>Link</p>
<input type="text" name="linkurl[]">
</div>
<div class="Enter HTML code of the page">
<p>HTML code</p>
<input type="text" name="linkcode[]">
</div>
</div>
</div>
<div class="today">
<a href="" onclick="addnew(this)" class="addnew">More links</a>
<div class="row">
<div class="Enter link">
<p>Link</p>
<input type="text" name="linkurl[]">
</div>
<div class="Enter HTML code of the page">
<p>HTML code</p>
<input type="text" name="linkcode[]">
</div>
</div>
</div>
<p>
<br>
<input type="submit" name="submit1">
<input type="reset" name="reset1">
</p>
</form>
<!-- Template -->
<div id="newlinktpl" style="display:none">
<div class="Enter link">
<p>Link</p>
<input type="text" name="linkurl[]">
</div>
<div class="Enter HTML code of the page">
<p>HTML code</p>
<input type="text" name="linkcode[]">
</div>
</div>