Este artigo descreve o uso de substituir ou modificar a função replacechild () do nó DOM. Compartilhe para sua referência. A análise específica é a seguinte:
Processo de substituição de nó DOM:
(1) criar um novo nó;
(2) encontre o nó antigo;
(3) Na perspectiva do nó pai, use a função Replacechild (nova, antiga) para substituir.
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
função t () {
// pensamentos: 1. Primeiro encontre o nó a ser substituído; 2. Crie um novo nó; 3. Encontre o nó pai e chame o método Replacechild (novo, antigo) da perspectiva do nó pai.
var newli = document.createElement ('li'); // crie um novo nó
var newText = document.CreateTextNode ('Daytime'); // Crie um nó de texto
newli.appendChild (newText);
var nodeul = document.getElementsByTagName ('ul') [0]; // Encontre o nó pai
var Oldli = Nodeul.Children [2]; // Encontre o nó a ser substituído
nodeul.Replacechild (Newli, Oldli); // Substitua
}
</script>
</head>
<Body>
<div id = "contêiner">
<ul>
<li> Spring </li>
<li> Verão </li>
<li> céu azul </li>
<li> outono </li>
<li> Inverno </li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<button onclick = "t ()" value = ""> substituição e modificação do nós </botão>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.