JavaScript nativo exclui a instância especificada do código do elemento filho:
Este capítulo apresenta como usar o JavaScript nativo para excluir elementos infantis especificados.
Todo mundo sabe que o uso do jQuery para implementar essa função é mais conveniente, mas não é problemático usar o JavaScript nativo. Deixe -me apresentá -lo abaixo.
Para como o jQuery implementa essa função, consulte o capítulo sobre a exclusão de instâncias de código de elementos filho especificados.
Exemplo de código:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<meta charset = "utf-8">
<title> wulin.com </title>
<estilo>
ul li {
Largura: 400px;
Altura: 30px;
altura de linha: 30px;
estilo de lista: nenhum;
}
</style>
<Cript>
window.onload = function () {
var obt = document.getElementById ("bt");
var obox = document.getElementById ("caixa");
var lis = obox.getElementsByTagName ("li");
obt.OnClick = function () {
obox.RemoveChild (LIS [1]);
}
}
</script>
</head>
<Body>
<ul id = "Box">
<li> Wulin.com recebe você, apenas trabalhando duro, você pode ter um amanhã melhor. </li>
<li> Ninguém era um mestre desde o início e teve que trabalhar duro. </li>
<li> Todo dia é novo e apreciado. </li>
</ul>
<input type = "button" id = "bt" value = "visualizar efeito"/>
</body>
</html>
O código acima implementa nossos requisitos e o seguinte apresentará seu processo de implementação.
Comentários de código:
1.window.onload = function () {} e execute o código na função após a carga do conteúdo do documento.
2.Var obt = document.getElementById ("bt"), obtenha o objeto do elemento do botão.
3.Var obox = document.getElementById ("caixa"), obtenha o objeto elemento com a caixa de valor do atributo de identificação.
4.Var lis = obox.getElementsByTagName ("li"), obtenha o conjunto de elementos Li sob o elemento da caixa.
5.Obt.OnClick = function () {}, registre a função de manipulador de eventos de clique para o botão.
6.oBox.RemoveChild (LIS [1]), exclua o elemento filho especificado do elemento pai.