L'exemple de cet article décrit la méthode d'implémentation de création dynamique d'éléments javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
document.write ne peut être créé dynamiquement que lors du chargement de la page
Vous pouvez appeler la méthode createElement du document pour créer un objet DOM avec la balise spécifiée, puis ajouter le
en appelant la méthode appendChild de l'élément.
L'élément nouvellement créé est ajouté sous l'élément correspondant
Par exemple :
<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>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
