บทความนี้อธิบายวิธีการแก้ไขค่าโหนด 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">
ฟังก์ชันเจล (id) {
ส่งคืน document.getElementById (id);
-
// การควบคุมอินพุตอินพุตทั่วโลก
var inpt = document.createElement ("อินพุต");
inpt.setAttribute ("type", "text");
inpt.onblur = function () {
// Alert ("tet");
this.parentelement.innerhtml = inpt.value;
-
window.onload = function () {
var lis = gel ("ullist"). ChildNodes;
สำหรับ (var i = 0; i <lis.length; i ++) {
ถ้า (lis [i] .nodeType == 1) {
lis [i] .ondblClick = function () {
// ลบข้อความ
inpt.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> Tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน