Как удалить input на чистом JS?

25
13 января 2018, 03:13

Дайте подсказку, как удалить инпут ?

function tekst() { 
  var input = document.createElement('input'); 
  input.type = 'text'; 
  input.className = 'one'; 
  input.style.position = 'absolute'; 
  input.style.top = 82 + 'px'; 
  input.style.left = 750 + 'px'; 
  document.body.appendChild(input); 
}
<a href="javascript:;" onclick="tekst()">Текст</a>

Answer 1

Нужно у элемента вызвать метод remove()

Update Как меня поправляют, в IE у элемента нет метода remove(). Поэтому лучше использовать метод removeChild у родительского узла

function addInput() { 
  var input = document.createElement('input'); 
  input.type = 'text'; 
  input.className = 'one'; 
  document.body.appendChild(input); 
} 
 
function removeElement() { 
  var nodes = document.querySelectorAll('.one'); 
  for (var i = 0; i < nodes.length; i++) 
    nodes[i].parentNode.removeChild(nodes[i]); 
}
<a href="javascript:;" onclick="addInput()">Текст</a> 
<a href="javascript:;" onclick="removeElement()">Remove</a>

READ ALSO
Добавить параметр ко всем запросам JQuery Ajax

Добавить параметр ко всем запросам JQuery Ajax

Есть сайт на React (но не SPA) со множеством ajax запросов через JQueryНужно ко всем GET/POST запросам добавить дополнительный параметр в URL

67
Валидация поля регулярным выражением

Валидация поля регулярным выражением

Нужно реализовать валидацию для поляВ поле можно вводить только латинские буквы, дефис и пробел

27
Вывод данных через выбор даты

Вывод данных через выбор даты

Делаю биг-дату, которая содержит в себе данные за каждый деньТребуется на фронте вставить календарь, благодаря которому можно выбрать дату...

37