Artikel ini menjelaskan metode memodifikasi nilai simpul secara dinamis dalam JavaScript. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8"/>
<title> Ubah nilai Li </iteme>
<type skrip = "Teks/JavaScript">
fungsi gel (id) {
return document.getElementById (id);
}
// kontrol input input global
var inpt = document.createElement ("input");
inpt.setAttribute ("type", "text");
inpt.onblur = function () {
// peringatan ("Tet");
this.parentelement.innerHtml = inpt.value;
};
window.onload = function () {
var lis = gel ("Ullist"). Childnodes;
untuk (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodetype == 1) {
lis [i] .ondblClick = function () {
// Hapus teks
INPT.VALUE = this.innerhtml;
this.removechild (this.firstchild);
this.appendChild (INPT);
// Dapatkan fokus
inpt.focus ();
// Ketika kontrol INPT kehilangan fokus, Anda juga harus mengikat suatu peristiwa dan mengembalikan nilai teks di INPT ke Li saat ini
// Menulis INPT.ONBLUR
};
}
}
};
</script>
</head>
<body>
<ul id = "Ullist">
<li> Beijing </li>
<li> Shanxi </li>
<li> Shanghai </li>
<li> tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.