Нативный JavaScript удаляет указанный экземпляр кода дочернего элемента:
В этой главе рассказывается, как использовать Native JavaScript для удаления указанных детских элементов.
Все знают, что использование jQuery для реализации этой функции является более удобным, но использовать Native JavaScript. Позвольте мне представить его ниже.
Для того, как JQUERY реализует эту функцию, обратитесь к главе по удалению указанных экземпляров кода дочерних элементов.
Пример кода:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<meta charset = "utf-8">
<title> wulin.com </title>
<style>
уль li {
Ширина: 400px;
Высота: 30px;
высота линии: 30px;
Список стиля: нет;
}
</style>
<Скрипт>
window.onload = function () {
var oct = document.getElementById ("bt");
var obox = document.getElementbyId ("box");
var lis = obox.getelementsbytagname ("li");
opt.onclick = function () {
obox.removechild (LIS [1]);
}
}
</script>
</head>
<тело>
<ul id = "box">
<li> Wulin.com приветствует вас, только усердно работая, можете ли у вас быть лучше завтра. </li>
<li> Никто не был мастером с самого начала и должен был усердно работать. </li>
<li> Каждый день - это новое, дорожное время. </li>
</ul>
<input type = "кнопка" id = "bt" value = "view Effect"/>
</body>
</html>
Приведенный выше код реализует наши требования, и следующее введет процесс реализации.
Кодовые комментарии:
1.window.onload = function () {} и выполнить код в функции после того, как содержимое документа полностью загружено.
2.var opt = document.getElementbyId ("bt"), получить объект элемента кнопки.
3.var obox = document.getElementById ("box"), получите объект элемента в поле значения атрибута ID.
4.var lis = obox.getelementsbytagname ("li"), получите набор элементов Li под элементом коробки.
5.obt.onclick = function () {}, зарегистрируйте функцию обработчика событий Click для кнопки.
6.obox.removechild (LIS [1]), удалить указанный дочерний элемент родительского элемента.