تصف هذه المقالة طريقة تعديل قيم عقدة LI ديناميكيًا في JavaScript. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
نسخة الكود كما يلي:
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/>
<title> تعديل قيمة li </title>
<script type = "text/javaScript">
وظيفة هلام (معرف) {
return document.getElementById (id) ؛
}
// التحكم في الإدخال العالمي
var inpt = document.createElement ("input") ؛
inpt.setAttribute ("type" ، "text") ؛
inpt.onblur = function () {
// ALERT ("tet") ؛
this.parentElement.innerhtml = etpt.value ؛
} ؛
window.onload = function () {
var lis = gel ("Ullist").
لـ (var i = 0 ؛ i <lis.length ؛ i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .ondblclick = function () {
// حذف النص
etpt.value = this.innerhtml ؛
this.removechild (this.firstchild) ؛
this.appendchild (inpt) ؛
// احصل على التركيز
inpt.focus () ؛
// عندما يفقد عنصر التحكم في Inpt التركيز ، يجب عليك أيضًا ربط حدث وإرجاع قيمة النص في inpt إلى LI الحالي
// كتابة inpt.onblur
} ؛
}
}
} ؛
</script>
</head>
<body>
<ul id = "Ullist">
<li> بكين </li>
<li> Shanxi </li>
<li> شنغهاي </li>
<li> تيانجين </li>
<li> هنان </li>
</ul>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.