1

У меня есть несколько столбцов, пытаюсь добавить функцию добавления строк в каждый из столбцов отдельно. В итоге получается так, что создаваемый элемент появляется на экране на долю секунды и исчезает. В дом дереве тоже не появляется.

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>

4
  • 1
    Поскольку магии нет, значит у вас есть код который его удаляет. Нужен весь код или ссылка на живой пример
    – Alexey Ten
    Commented 25 июн. 2019 в 4:36
  • @alexey-ten добавил всю страницу. Стили сейчас пустые, там ничего испортить мне жизнь не может
    – Pogrom
    Commented 25 июн. 2019 в 4:43
  • Хм, так у вас видимо срабатывает переход по ссылке, т.к. я не вижу что бы вы его отменяли.
    – Alexey Ten
    Commented 25 июн. 2019 в 4:52
  • Да, именно это и было. Спасибо
    – Pogrom
    Commented 25 июн. 2019 в 4:57

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.