Este artículo describe el método de modificar dinámicamente los valores del nodo Li en JavaScript. Compártelo para su referencia. El método de implementación específico es el siguiente:
La copia del código es la siguiente:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> Modifique el valor de Li </title>
<script type = "text/javaScript">
function gel (id) {
return document.getElementById (id);
}
// Control global de entrada de entrada
var inpt = document.createElement ("entrada");
inpt.SetAttribute ("type", "texto");
inpt.onblur = function () {
// alerta ("tet");
this.parentelement.innerhtml = inpt.value;
};
window.onload = function () {
var lis = gel ("Ullist"). Nodos infantiles;
para (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .ondblClick = function () {
// Eliminar texto
inpt.value = this.innerhtml;
this.removechild (this.firstchild);
this.appendChild (inpt);
// Enfoque
inpt.focus ();
// Cuando el control de Inpt pierde el enfoque, también debe unir un evento y devolver el valor de texto en INPT al LI actual
// escribiendo inpt.onblur
};
}
}
};
</script>
</ablo>
<Body>
<ul id = "Ullist">
<li> Beijing </li>
<li> shanxi </li>
<li> Shanghai </li>
<li> Tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.