Maison  >  Article  >  interface Web  >  Quelle est la relation entre JavaScript et dom

Quelle est la relation entre JavaScript et dom

青灯夜游
青灯夜游original
2021-10-09 15:49:392494parcourir

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.

Quelle est la relation entre JavaScript et 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 :

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)

【Apprentissage recommandé :

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn