Création d'éléments DOM à partir de chaînes HTML
Bien que jQuery offre un mécanisme pratique pour créer des éléments DOM à partir de chaînes HTML, cette fonctionnalité peut également être obtenue en utilisant les méthodes DOM intégrées ou via la bibliothèque Prototype.
DOM Méthodes
Pour les navigateurs plus anciens, ainsi que pour node/jsdom (qui au moment de la rédaction ne prenait pas en charge les éléments HTML ), la méthode suivante peut être utilisée :
function createElementFromHTML(htmlString) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
// Change this to div.childNodes to support multiple top-level nodes.
return div.firstChild;
}Il est important de noter que cette méthode ne fonctionnera pas pour certains éléments qui ne peuvent pas être légalement des enfants d'un
Bibliothèque de prototypes
Alternativement, la bibliothèque Prototype fournit une méthode intégrée pour créer des éléments à partir de chaînes HTML via sa méthode update(). Voici un exemple :
var element = $(document.createElement('li')).update('<li>text</li>');Cas d'utilisation
Les méthodes DOM intégrées et la bibliothèque Prototype offrent des moyens fiables de créer des éléments DOM à partir de chaînes HTML, en particulier pour navigateurs plus anciens ou dans des scénarios où jQuery n’est pas utilisé. Ces méthodes fournissent une approche flexible et robuste pour générer dynamiquement du contenu DOM basé sur le balisage HTML.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
utilisation du latex
Caractéristiques de l'arithmétique du complément à deux
commande de renommage de fichier Linux
Quels sont les cycles de vie de vue3
Comment dessiner des lignes pointillées dans PS
Quels sont les espaces sans inscription en Chine ?
Comment se connecter à la base de données en VB
Comment aligner les zones de texte en HTML
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
