Este artigo descreve o método de modificar dinamicamente os valores do nó Li em JavaScript. Compartilhe para sua referência. O método de implementação específico é o seguinte:
A cópia do código é a seguinte:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> modifique o valor de li </title>
<script type = "text/javascript">
função gel (id) {
retornar document.getElementById (id);
}
// Controle global de entrada de entrada
var inpt = document.createElement ("entrada");
inpt.setattribute ("tipo", "text");
inpt.onblur = function () {
// alert ("tet");
this.parenteLement.innerhtml = inpt.value;
};
window.onload = function () {
var lis = gel ("Ullist"). ChildNodes;
for (var i = 0; i <lis.length; i ++) {
if (lis [i] .NodEType == 1) {
lis [i] .ondblClick = function () {
// Excluir texto
inpt.value = this.innerhtml;
this.RemoveChild (this.firstchild);
this.appendChild (inpt);
// Obtenha foco
inpt.focus ();
// Quando o controle INPT perde o foco, você também deve vincular um evento e retornar o valor do texto no INPT ao LI atual
// escrevendo inpt.onblur
};
}
}
};
</script>
</head>
<Body>
<ul id = "ullist">
<li> Pequim </li>
<li> Shanxi </li>
<li> Shanghai </li>
<li> Tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.