В этой статье описывается использование функции «Заменить или изменить функцию replacechild» () узла DOM. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Процесс замены узла DOM:
(1) создать новый узел;
(2) найти старый узел;
(3) С точки зрения родительского узла, используйте функцию Replacechild (новый, старый) для замены.
Скопируйте код следующим образом: <html>
<голова>
<script type = "text/javascript">
функция t () {
// Мысли: 1. Сначала найдите узел, который будет заменен; 2. Создать новый узел; 3. Найдите родительский узел и вызовите метод Replacechild (новый, старый) с точки зрения родительского узла.
var newli = document.createElement ('li'); // Создать новый узел
var newtext = document.createTextNode ('Daytime'); // Создать текстовый узел
Newli.appendchild (NewText);
var nodeul = document.getelementsbytagname ('ul') [0]; // Найти родительский узел
var oldli = nodeul.children [2]; // найти узел, который должен быть заменен
nodeul.replacechild (newli, oldli); // заменить
}
</script>
</head>
<тело>
<div id = "контейнер">
<ul>
<li> Spring </li>
<li> Лето </li>
<li> Голубое небо </li>
<li> Осень </li>
<li> зима </li>
</ul>
</div>
<div id = "copyul">
</div>
<HR />
<button onclick = "t ()" value = ""> Замена и модификация узла </button>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.