คัดลอกรหัสรหัสดังนี้:
<html>
<script language = "javascript" type = "text/javascript">
ฟังก์ชั่นทดสอบ () {
// สร้างองค์ประกอบ
var myelement = document.createelement ("A");
// เพิ่มข้อมูลที่จำเป็นในองค์ประกอบที่สร้างขึ้น
myelement.href = "http://www.baidu.com";
myelement.innerText = "เชื่อมต่อกับ baidu";
myelement.id = "id1";
//myelement.style.top = "300px";
//myelement.style.left = "500px";
// myelement
// เพิ่มองค์ประกอบที่สร้างขึ้นในวัตถุร่างกาย
//document.body.appendchild (myelement);
// เพิ่มองค์ประกอบลงใน div
Document.getElementById ("Div1")
-
ฟังก์ชั่น test2 () {) {
// ลบองค์ประกอบ
// คุณยังสามารถรับองค์ประกอบหลักขององค์ประกอบใหม่ผ่านแอตทริบิวต์
//document.getElementById
Document.getElementById ("Div1")
-
</script>
<body>
<อินพุต type = "ปุ่ม" onclight = "test ()" value = "vitalizing hyperlink"/>
<อินพุต type = "ปุ่ม" onclight = "test2 ()" value = "ไดนามิกลบองค์ประกอบที่เพิ่มเข้ามา"/>
<div id = "div1" style = "ความกว้าง: 200px; ความสูง: 300px; เส้นขอบ: 1px ของแข็งสีแดง">
Div1
</div>
</body>
</html>