บทความนี้อธิบายวิธีการของภาคผนวกโดย JavaScript แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
รหัสตัวอย่างสำหรับการเพิ่มโหนด DOM Tree มีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น t () {
var nodep = document.createElement ('p'); // สร้าง p node
var art = document.createTextNode ('Hello, World'); // สร้างโหนดข้อความ
var cont = document.getElementById ('container'); // รับโหนด
cont.appendchild (nodep); // เพิ่มโหนด
nodep.appendchild (ศิลปะ); // เพิ่มโหนดข้อความ
-
</script>
<style type = "text/css">
P {width: 100px; ความสูง: 100px; พื้นหลัง: สีเขียว;}
#Container P {width: 100px; ความสูง: 100px; พื้นหลัง: สีน้ำเงิน;}
</style>
</head>
<body>
<div id = "container"> <p> Hello World </p>
</div>
<p> พูดสองสามคำ </p>
<HR />
<ปุ่ม onclick = "t ()" value = ""> เพิ่มโหนด </button>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน