Maison >
Article > interface Web > Comment créer et supprimer dynamiquement des éléments dans les compétences javascript_javascript
Comment créer et supprimer dynamiquement des éléments dans les compétences javascript_javascript
WBOYoriginal
2016-05-16 16:25:061194parcourir
L'exemple de cet article décrit la méthode de création et de suppression dynamique d'éléments en javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Dans DOM, nous pouvons supprimer et supprimer dynamiquement des éléments dom facilement et rapidement. Nous allons vous donner ici une brève introduction.
Bouton créé dynamiquement
var a,b,ab,ba,c;
fonction createInputA(){
a = document.createElement("input"); //Utiliser la méthode de création d'élément DOM
a.type = "button" ; //Définir le type d'élément
a.value = "Bouton A" ; //Définissez la valeur de l'élément
a.attachEvent("onclick",addInputB); //Ajouter des événements au contrôle
document.body.appendChild(a); //Ajouter des contrôles au formulaire
//a = null; //Libère l'objet
>
//createElement() Créer un élément avec un nom de balise spécifié [par exemple : créer dynamiquement un lien hypertexte]
var createa=document.createElement("a");
createa.id="a1";
createa.innerText="Connectez-vous à Baidu";
createa.href="http://www.jb51.net";
//createa.color="green" ////Ajouter de la couleur (n'oubliez pas l'attribut style, sinon cela n'aura aucun effet)
createa.style.color="vert"
//Ajoutez la position par défaut --body et ajoutez des nœuds enfants
//document.body.appendChild(createa);
//Placer l'emplacement spécifié
document.getElementById("div1").appendChild(createa);
>
Fonction test2(){
//Supprime le nœud à l'emplacement spécifié RemoveChild()
document.getElementById("div1").removeChild(document.getElementById("a1")); //Si le nom de l'identifiant est répété, js ne prend que le premier
>
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