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

350

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

377

javascript

Вопрос по оптимизации скрипта

Здравствуйте!

281

javascript

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

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

238

javascript

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

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

233