Maison > Article > interface Web > Méthode de mise en œuvre de création dynamique de compétences javascript elements_javascript

Méthode de mise en œuvre de création dynamique de compétences javascript elements_javascript

WBOYoriginal: 2016-05-16 15:59:251006parcourir

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Méthode Javascript pour acquérir les compétences effect_javascript de sélection radio de lienArticle suivant：Méthode Javascript pour acquérir les compétences effect_javascript de sélection radio de lien

Articles Liés

Voir plus