Si je crée un nouvel élément DOM avec Javascript document.createElement
, est-il possible d'utiliser la fonction jquery attr() pour changer l'attribut de l'élément?Utiliser attr sur des éléments créés avec javascript
Répondre
var element = document.createElement(tagName);
$(element).attr('foo', 'bar');
vous pouvez utiliser javascript comme:
var link = document.createElement('a');
link.setAttribute('href', 'mypage.htm');
ou jquery
$(link).attr('href', 'mypage.htm');
(pour la première méthode) si vous allez ajouter un événement (comme onclick). peut-être vous devriez juste utiliser link.onclick au lieu de link.setAttribute source = http://justinfrench.com/notebook/javascript-setattribute-vs-ie – yilmazhuseyin
@yilmazhuseyin: Oui, c'est pourquoi je recommande toujours d'utiliser [DOM propriétés ] (http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-642250288) sur 'setAttribute'. – CMS
merci pour la remarque éclairante –
Bien sûr, vous pouvez, mais comparer:
var element = document.createElement('input');
$(element).attr('type', 'button');
// vs.
element.type = 'button';
OMI Je voudrais simplement utiliser la deuxième approche, rester à l'écart du buggyde l'IEméthode.
- 1. Evénement de déclenchement avec des éléments d'ancrage nouvellement créés
- 2. Jquery récupère les valeurs des éléments créés dynamiquement
- 3. éléments .post jquery créés avec append
- 4. Masquage des éléments avec javascript
- 5. JQuery Problème avec attr()
- 6. ajouter des éléments VML (images) avec javascript
- 7. Vérification des éléments d'entrée sur Firefox avec JavaScript
- 8. jQuery, événement Trigger Change sur les éléments nouvellement créés
- 9. IE8 Refus d'appliquer des stylesheet aux éléments créés par dom
- 10. Comment faire glisser des éléments avec JavaScript
- 11. ajax on javascript a créé des éléments
- 12. Utilisation de jQuery hide() sur les éléments dom nouvellement créés
- 13. Transitions CSS3 aux éléments créés dynamiquement
- 14. Les événements sur les éléments DOM ne sont pas encore créés, en Javascript?
- 15. Comment travailler avec des champs créés dynamiquement?
- 16. jQuery CSS() pour les éléments créés dynamiquement
- 17. Jquery UI: Bouton sur les éléments créés dynamiquement
- 18. xpath: // tag [@attr] vs. // tag [attr]
- 19. éléments jQuery créés à l'aide .append (html) non disponible
- 20. .attr ("href") avec des liens contenant des virgules
- 21. Élimination des AddIn créés avec MAF (System.AddIn)
- 22. manipulation des vecteurs créés avec de nouveaux
- 23. Programmes créés sur Datasnap
- 24. Relier des objets Django créés génériquement avec des utilisateurs
- 25. Utiliser des cases à cocher avec ASP.NET et Javascript
- 26. Comment afficher les éléments créés dynamiquement pendant un certain temps?
- 27. problème avec CSS sur l'affichage des éléments
- 28. Comment utiliser jQuery pour ajouter des ID aux éléments?
- 29. jQuery Impossible de définir "selected" = "selected" via attr() sur <option> éléments?
- 30. comment obtenir largeur des éléments créés dynamiquement et appliquer le style à cela?
Fonctionne bien! Merci –