Comment utiliser les propriétés de l'objet de l'attribut pour coder avec javascript
En javascript, la Attribut
objet fournit des propriétés pour travailler avec des attributs dans les éléments HTML. Voici une liste de tous les Attribut Les propriétés de l'objet.Propriété | Usage |
---|---|
isId | Rendements vrai si l'attribut est anId- autrement, les rendements faux |
nom | Obtient le nom de l'attribut |
valeur | Obtient ou définit la valeur de l'attribut |
spécifié | Rendements vrai si l'attribut a beenspecified- contraire, les rendements faux |
Création et ajout d'éléments
Pour créer un nouvel élément dans un document HTML, utilisez le document.create
Élément () Procédé. Lorsque vous utilisez createElement (), un nouveau début et la balise de fin du type que vous spécifiez sera créé.
Voici un exemple de comment vous pouvez utiliser cette méthode pour créer dynamiquement une liste dans un document HTML à partir d'un tableau.
Générer une liste Voici quelques types de balles
Retrait éléments
Pour toutes les grandes choses qu'il vous permet de faire avec des documents HTML, le DOM HTML est pas très apprécié par les programmeurs professionnels javascript. Il a un certain nombre de bizarreries et tend à faire des choses plus difficiles qu'elles ne le devraient.
Un des grands défauts avec le DOM est qu'il ne fournit aucun moyen de supprimer directement un élément d'un document. Au lieu de cela, vous devez indiquer le DOM pour trouver le parent de l'élément que vous souhaitez supprimer et puis dire le parent d'enlever son enfant. Ça sonne un peu déroutant, mais cet exemple devrait éclaircir tout cela.
Retirer un élément Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie pulvinar ante, un volutpat Est et sodales. Ut gravida justo ac leo euismod, et tempus magna posuere. Cum sociis natoque penatibus et magnis DIS parturiente montes, nascetur ridiculus mus. Entier non mi iaculis, facilisis risus et, vestibulum lorem. Sed quam ex, placerat nca id tristique, mattis fringilla languette. Mécène un pretium justo. Suspendisse sit amet consectetur NIBH, tristique Tellus quis, congue arcu. Etiam pellentesque dicton elit eget sempre. Phasellus Orci neque, sempre ac ac tortor, laoreet ultricies enim.
Lorsque vous exécutez ce code dans un navigateur et appuyez sur le bouton, le sur clic événement appelle le removeFirstParagraph () fonction.
La première chose removeFirstParagraph () biches est de sélectionner l'élément que vous voulez réellement supprimer l'élément avec la id = firstparagraph. Ensuite, le script sélectionne le nœud parent du premier alinéa. Il utilise ensuite la removeChild () méthode pour supprimer le premier paragraphe.