Contoh dalam artikel ini menerangkan kaedah pelaksanaan penciptaan dinamik elemen javascript. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
document.write hanya boleh dibuat secara dinamik semasa halaman dimuatkan
Anda boleh memanggil kaedah createElement dokumen untuk mencipta objek DOM dengan teg yang ditentukan, dan kemudian menambah
dengan memanggil kaedah appendChild elemen.
Elemen yang baru dibuat ditambah di bawah elemen yang sepadan
Contohnya:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dom动态创建元素</title>
<script type="text/javascript">
function CreateButton() {
var div = document.getElementById("divMain");
var myButton = document.createElement("input");
myButton.type = "button";
myButton.value = "我是动态添加的";
//myButton.id="btn"; 注意:如果设置id的话要避免重复
div.appendChild(myButton); //添加到div上
}
</script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="添加元素" onclick="CreateButton()" />
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
