Je construis une application où je me retrouve avec une assez longue liste d'éléments répétés qui doivent être configurés en fonction de certains objets que je reçois via AJAX. Je pense à créer un de ces éléments en HTML et à le laisser caché sur la page puis à cloner cet élément et à utiliser jQuery pour le modifier en fonction de l'objet que je récupère (ie définir son texte, href etc ... Du point de vue des performances, cela serait-il plus rapide ou plus lent que la génération dom plus traditionnelle (où je créerais l'élément entier en javascript plutôt que de commencer par un élément cloné)?l'efficacité du clonage des nœuds dom
0
A
Répondre
1
Je ne l'ai pas fait dans un certain temps, mais la dernière fois que je l'ai fait, en utilisant une chaîne qui est un modèle pour votre fragment HTML, par exemple,
var myVar = '<option [email protected]@>@[email protected]</option>';
faire alors un gage de remplacer pour le remplir avec des données, et finalement en utilisant someElement.innerHTML = myVar
, était au moins un ordre de grandeur plus rapide que de le faire par le biais de techniques de manipulation DOM plus standard.
Questions connexes
- 1. jquery clonage problème html, mise à jour DOM?
- 2. des données hiérarchiques de clonage
- 3. Trouver le nombre de nœuds dans PHP, DOM, XPath
- 4. Le moyen le plus simple de trier les nœuds DOM?
- 5. Clonage efficace des objets mis en cache
- 6. Clonage des attributs d'un objet à l'autre
- 7. Groupe Liste des nœuds dans l'arborescence des nœuds avec XSL
- 8. Priorité des nœuds Erlang
- 9. Clonage d'un composant TStringGrid
- 10. Comment afficher les treenodes en liant des nœuds dans l'arborescence aux nœuds du document XML
- 11. obtenir des nœuds sans textes
- 12. Groovy - Comment transférer des nœuds XML entre des documents?
- 13. Figer le DOM en JavaScript: Remplacer les fonctions de modification du DOM comme des no-ops
- 14. Solution universelle de clonage d'objets
- 15. C++ - clonage classe de base
- 16. Comment sélectionner des nœuds uniques
- 17. xslt - extraction des nœuds feuille
- 18. Clone est pas le clonage des valeurs de sélection
- 19. DOM et Javascript
- 20. Supprimer des espaces de nœuds XML
- 21. Champ de sélection du sélecteur JS/DOM
- 22. clonage de composants ExtJS en utilisant JQuery
- 23. jQuery ajoute des nœuds enfants pour chaque
- 24. Trouver des nœuds feuille dans l'arborescence hiérarchique
- 25. WPF- Treeview - Comment ajouter des nœuds enfants
- 26. obtenir des nœuds communs entre deux balises
- 27. Traitement du clic natif du navigateur avant dom: chargé
- 28. Comment désactiver le clonage d'activité dans WF?
- 29. L'objet de clonage n'est pas droppable
- 30. nœuds tri XLST
Merci OrbMan qui est utile, mais pas exactement ce que je veux dire. Je pense à servir le html sur la page avec un affichage none puis à le cloner via la méthode clone de jquery puis en utilisant jquery pour mettre à jour divers attributs. Toute idée sur la façon dont cela compare la performance sage de construire les éléments dom à partir de zéro en JavaScript? –