Scribd Logo
Importer

Bienvenue sur Scribd !

  • Dom JS

    Transféré par

    Salwa Ben
    33 vues2 pages

    Titre original

    DOM JS

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    33 vues2 pages

    Dom JS

    Transféré par

    Salwa Ben

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    Manipuler les éléments d’une page avec

    DOM
    C.1 – Comprendre l’arbre DOM, les noeuds parents et
    enfants
    1) Arbre DOM : (Document Object Model)

    Est une interface de programmation normalisée par le W3C, qui permet à des


    scripts d'examiner et de modifier le contenu du navigateur web

    2) Objet Document

    Document Object Model (DOM) signifie « modèle d'objets de document » c à d :

    Modèle
    Un modèle sert à représenter quelque chose, comme le plan d'une ville. Le
    DOM représente le document qui se trouve dans le navigateur2.
    Objet
    En programmation, un objet est un conteneur qui comporte des propriétés et
    des méthodes – qui sont des variables et des actions concernant ce qu'il
    représente. Les objets du DOM peuvent représenter une fenêtre, un document,
    une phrase, un style…
    Document
    Le DOM concerne un document, tel qu'une page web affichée dans un
    navigateur. Une page web commence par une balise  !DOCTYPE  suivi de la
    balise  <html> dans laquelle se trouve le reste du document. Le DOM représente
    le document affiché par une structure en arbre, comportant des nœuds
    (branches et feuilles)2.
    3) Navigation dans le DOM (parentNode, childNodes, …)
    Le DOM nous permet de faire n’importe quoi avec les éléments et leur contenu, mais nous
    devons d’abord atteindre l’objet DOM correspondant.

    Toutes les opérations sur le DOM commencent par l’objet document. C’est le “point d’entrée”
    principal du DOM. De là, nous pouvons accéder à n’importe quel nœud.

    C.2. – Connaître les bases de la manipulation du DOM en


    JavaScript
    • Sélecteurs (simples, multiples…)
    • Modes d’Accès aux éléments

    C.3 - Manipuler les éléments HTML


    • Manipulation des éléments (Création, modification, suppression)
    • Mise à jour des styles, attributs et classes
    • Création DOMMenuObject

    Vous aimerez peut-être aussi