При использовании дерева DOM в JavaScript вы можете часто сталкиваться с добавлением и удалением узлов, таких как поле ввода с кнопкой с добавлением и кнопкой Delete. Нажмите, чтобы добавить, чтобы добавить поле ввода, и нажмите, чтобы удалить, чтобы удалить соответствующее поле ввода. В некоторых структурах JS, таких как прототип, вы можете использовать element.remove () для удаления узла. В Core JS нет такого метода. В IE есть метод: removenode (), попробуйте запустить следующий код
<div> <input onclick = "removenode (this)" type = "text" value = "Нажмите, чтобы удалить это окно ввода" /> < /div>
Можно обнаружить, что этот метод хорошо работает в IE, но в стандартных браузерах, таких как Firefox, Removenode не определяется. Тем не менее, существует метод для эксплуатации узлов DOM в Core JS: RemoveChild (). Вы должны знать, что он должен удалить детский узел, посмотрев на имя. Затем мы можем адаптироваться к удалению указанного узла. Сначала мы можем найти родительский узел узла для удаления, а затем использовать RemoveChild в родительском узле, чтобы удалить узел, который мы хотим удалить. Мы можем определить метод, который называется removeElement.
function RemoveElement (_Element) {var _parentelement = _Element.parentNode; if (_parentelement) {_parentelement.removeChild (_Element); }}Попробуйте запустить следующий код, и его можно правильно выполнить в различных браузерах.
<script type = "text/javascript"> function removeElement (_Element) {var _parentelement = _Element.parentNode; if (_parentelement) {_parentelement.removeChild (_Element); }} </script> <div> <input onclick = "removeElement (this)" type = "text" value = "Нажмите, чтобы удалить это окно ввода"/> </div>Вышеуказанное - все содержание этой статьи. Для получения дополнительной информации о JavaScript вы можете проверить: «Справочный учебник JavaScript» и «Руководство по стилю кода JavaScript». Я также надеюсь, что все будут поддерживать Wulin.com больше.