DOM (Document Object Model) est un composant de JavaScript. Il fournit à JavaScript des méthodes et des interfaces pour traiter le contenu des pages Web ; toutes les opérations effectuées par JavaScript sur les pages Web sont effectuées via le DOM.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
JavaScript complet est composé des trois parties suivantes :
Core (ECMAScript) : fournit la syntaxe et les objets de base du langage
Document Object Model (DOM) : fournit des méthodes et des interfaces pour le traitement du contenu Web ;
Browser Object Model (BOM) : fournit des méthodes et des interfaces pour interagir avec le navigateur.
Document Object Model (DOM) :
DOM (Document Object Model) est l'interface de programmation d'application (API) pour HTML et XML. DOM planifiera la page entière dans un document composé de hiérarchies de nœuds. Chaque partie d'une page HTML ou XML est un dérivé d'un nœud.
DOM représente les documents en créant des arborescences, donnant aux développeurs un contrôle sans précédent sur le contenu et la structure des documents. Les nœuds peuvent être facilement supprimés, ajoutés et remplacés à l'aide de l'API DOM (getElementById, childNodes, appendChild, innerHTML).
La relation entre DOM et JavaScript
Nous savons tous que JavaScript est un langage de programmation et que les fichiers .js sont des codes écrits en JavaScript, alors quel rôle le DOM y joue-t-il ?
DOM n'est pas un langage de programmation, mais sans DOM, le langage JavaScript n'aurait aucune opération de page Web. Toutes les opérations que nous effectuons sur les pages Web à l'aide de JavaScript sont effectuées via le DOM.
Ce qui suit est un morceau de code pour afficher de manière plus intuitive la différence entre JavaScript et DOM. La partie marquée en rouge dans le code est le DOM :
【Apprentissage recommandé :var Tags = document.getElementsByTagName("a");
. for(var i = 0; I , qui est le noyau de JavaScript, qui est DOM, et le rôle que chacun joue peut être vu d'un seul coup d'œil. (Le code ne sera pas expliqué ici).
Il existe donc une telle équation approximative :
page web ou XML = DOM + JS (langage de script)
Tutoriel avancé javascript
】
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!