บทความนี้อธิบายถึงการใช้ InsertBefore () เมื่อเพิ่มฟังก์ชั่นโหนดลงใน JS ในตำแหน่งที่ระบุ แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ต้นแบบฟังก์ชั่นมีดังนี้:
แทรกก่อน (พารามิเตอร์ 1, พารามิเตอร์ 2): เพิ่มโหนดที่ตำแหน่งที่ระบุ
รหัสเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น t () {
var nodeli = document.createElement ('li'); // สร้างโหนด li
var li_text = document.createtextNode ('Blue Sky'); // สร้างโหนดข้อความ
Nodeli.AppendChild (li_text); // เพิ่มโหนดข้อความไปยังโหนด Li
var nodeul = document.getElementsByTagname ('ul') [0]; // รับโหนด UL แรก
var nodeli1 = nodeul.getElementsByTagname ('li') [2]; // รับโหนดที่สามภายใต้ UL - Autumn
nodeul.insertbefore (nodeli, nodeli1); // ฟังก์ชั่น insertbefore () ระบุว่าโหนดใดที่เพิ่มเข้ามาก่อน พารามิเตอร์แรกคือโหนดใหม่ที่จะแทรกและพารามิเตอร์ที่สองคือโหนดที่มีอยู่
-
</script>
</head>
<body>
<div id = "container">
<ul>
<li> ฤดูใบไม้ผลิ </li>
<li> ฤดูร้อน </li>
<li> ฤดูใบไม้ร่วง </li>
<li> ฤดูหนาว </li>
</ul>
</div>
<HR />
<ปุ่ม onclick = "t ()" value = ""> ระบุตำแหน่งเพื่อเพิ่มโหนด </putton>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน