บทความนี้อธิบายถึงการใช้ฟังก์ชันแทนที่หรือแก้ไขฟังก์ชั่น TrexeChild () ของ DOM Node แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
กระบวนการเปลี่ยนโหนด DOM:
(1) สร้างโหนดใหม่
(2) ค้นหาโหนดเก่า
(3) จากมุมมองของโหนดพาเรนต์ให้ใช้ฟังก์ชั่น ReplaceChild (ใหม่, เก่า) เพื่อแทนที่
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น t () {
// ความคิด: 1. ก่อนอื่นให้ค้นหาโหนดที่จะถูกแทนที่; 2. สร้างโหนดใหม่ 3. ค้นหาโหนดพาเรนต์และเรียกใช้วิธีการเปลี่ยน (ใหม่, เก่า) จากมุมมองของโหนดพาเรนต์
var newli = document.createElement ('li'); // สร้างโหนดใหม่
var newText = document.createTetextNode ('กลางวัน'); // สร้างโหนดข้อความ
newli.appendchild (newtext);
var nodeul = document.getElementsByTagname ('ul') [0]; // ค้นหาโหนดพาเรนต์
var oldli = nodeul.children [2]; // ค้นหาโหนดที่จะแทนที่
nodeul.replacechild (newli, oldli); // แทนที่
-
</script>
</head>
<body>
<div id = "container">
<ul>
<li> ฤดูใบไม้ผลิ </li>
<li> ฤดูร้อน </li>
<li> ท้องฟ้าสีฟ้า </li>
<li> ฤดูใบไม้ร่วง </li>
<li> ฤดูหนาว </li>
</ul>
</div>
<div id = "copyul">
</div>
<HR />
<ปุ่ม onclick = "t ()" value = ""> การเปลี่ยนโหนดและการปรับเปลี่ยน </pution>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน