Cet article décrit la méthode de modification dynamiquement des valeurs de nœud Li dans JavaScript. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
La copie de code est la suivante:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Modifiez la valeur de Li </Title>
<script type = "text / javascript">
fonction gel (id) {
return document.getElementById (id);
}
// Contrôle global d'entrée d'entrée
var inpt = document.CreateElement ("entrée");
inpt.setAttribute ("type", "texte");
inpt.onblur = function () {
// alerte ("tet");
this.parerentelement.innerhtml = inpt.Value;
};
window.onload = function () {
var lis = gel ("ullist"). childNodes;
pour (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .ondblclick = function () {
// Supprimer le texte
inpt.value = this.innerhtml;
this.removechild (this.firstchild);
this.appendChild (inpt);
// Obtenez la concentration
inpt.focus ();
/-
// Écriture inpt.onblur
};
}
}
};
</cript>
</ head>
<body>
<ul id = "ullist">
<li> Pékin </li>
<li> Shanxi </li>
<li> Shanghai </li>
<li> Tianjin </li>
<li> Henan </li>
</ul>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.