Dieser Artikel beschreibt die Methode zur dynamischen Modifizierung von Li -Knotenwerten in JavaScript. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<titels> Ändern Sie den Wert von li </title>
<script type = "text/javaScript">
Funktion Gel (id) {
return document.getElementById (id);
}
// Globale Eingangseingangskontrolle
var inpt = document.createelement ("Eingabe");
Inpt.SetAttribute ("Typ", "Text");
Inpt.onblur = function () {
// alert ("Tet");
this.Parentelement.innerhtml = inpt.Value;
};
window.onload = function () {
var lis = gel ("ullist"). Childnodes;
für (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodetype == 1) {
lis [i] .ondblclick = function () {
// Text löschen
Inpt.Value = this.innerhtml;
this.removechild (this.Firstchild);
this.Appendchild (Inpt);
// Fokus bekommen
Inpt.Focus ();
// Wenn die Inpt -Steuerung den Fokus verliert, müssen Sie auch ein Ereignis binden und den Textwert in iNPT an das aktuelle Li zurückgeben
// Schreiben inpt.onblur
};
}
}
};
</script>
</head>
<body>
<ul id = "ullist">
<li> Peking </li>
<li> shanxi </li>
<li> Shanghai </li>
<li> Tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.