Exemple HTML-DOM



Exemples d'objets HTML DOM consultés et manipulés à l'aide de JavaScript.

Objet Document

  • Utilisez document.write() pour afficher du texte

  • Utilisez document.write() pour afficher du HTML

  • Renvoie le nombre d'ancres dans le document

  • Renvoie le innerHTML de la première ancre du document

  • Renvoie le nombre de formulaires dans le document

  • Renvoie le nom du premier formulaire du document

  • Renvoie le nombre de images dans le document

  • Renvoie l'ID de la première image du document

  • Renvoie le nombre de liens dans le document

  • Renvoie le nombre de liens dans le document L'ID d'un lien

  • Renvoie les couples nom/valeur de tous les cookies du document

  • Renvoie le nom de domaine du serveur du document chargé

  • Renvoie l'heure de la dernière modification du document

  • Renvoie le URL du document en cours de chargement

  • Renvoie l'URL du document Titre

  • Renvoie l'URL complète du document

  • Ouvrez le flux de sortie et saisissez du texte dans le flux

  • La différence entre write() et writeln()

  • Faire apparaître le innerHTML d'un élément avec l'ID spécifié

  • Faire apparaître l'élément avec le Nom spécifié Le nombre de

  • Le nombre de éléments à afficher avec le nom de balise spécifié


  • Plus d'exemples d'objets de document dans notre manuel de référence JavaScript.

Objet Anchor

  • Renvoie et définit l'attribut charset du lien

  • Renvoie et définit la propriété charset de l'attribut href du lien

  • Renvoie et définit l'attribut hreflang du lien

  • Renvoie le nom d'une ancre

  • Renvoie la relation entre le fichier actuel et le document lié

  • Modifie l'attribut cible du lien

  • Renvoie la valeur de l'attribut type d'un lien

  • Plus d'exemples d'objets Anchor dans notre manuel de référence JavaScript.

Objet Zone

  • Renvoie le texte alternatif d'une certaine zone de la carte image

  • Renvoie la carte image Les coordonnées d'une certaine zone

  • Renvoie la partie d'ancrage de l'attribut href d'une région

  • L'hôte renvoyé name : une certaine région du port de la carte d'image

  • Renvoie le nom d'hôte d'une certaine zone de mappage d'image

  • Renvoie le port

  • Renvoie le port

  • < d'une certaine zone de cartographie d'image 🎜>
  • Renvoie le href d'une certaine zone de la cartographie d'image

  • Renvoie le nom de chemin d'un certaine zone de la carte d'image

  • Renvoie la carte d'image Le protocole d'une certaine zone

  • Renvoie la partie chaîne de requête de l'attribut href d'une zone

  • Renvoie la forme d'une certaine zone de la carte image

  • Renvoie la valeur de la cible d'une zone dans la carte d'image

Plus d'exemples d'objets Area se trouvent dans notre manuel de référence JavaScript.

  • Objet de base

    <🎜><🎜>Renvoie l'URL de base de toutes les URL relatives de la page<🎜>
  • Renvoie le lien de base de tous les liens relatifs sur la page

  • Plus d'exemples d'objets de base se trouvent dans notre manuel de référence JavaScript.

Objet Bouton

  • Lorsque l'on clique sur le bouton, le bouton est indisponible

  • Renvoie le nom d'un bouton

  • Renvoie le type d'un bouton

  • Renvoie la valeur d'un bouton

  • Renvoie la table à laquelle appartient un bouton. L'ID

  • Plus d'exemples d'objets Button se trouvent dans notreManuel de référence JavaScript.

Objet formulaire

  • Renvoie la valeur de tous les éléments d'un formulaire

  • Renvoie La valeur de l'attribut acceptCharset d'un formulaire

  • renvoie la valeur de l'attribut action d'un formulaire

  • renvoie la valeur de l'enctype attribut dans le formulaire

  • Renvoie le nombre d'éléments dans un formulaire

  • Renvoie la méthode d'envoi des données du formulaire

  • Renvoie le nom d'un formulaire

  • Renvoie la valeur d'un attribut cible du formulaire

  • Réinitialiser le formulaire

  • Soumettre le formulaire

  • Plus d'exemples d'objets Button se trouvent dans notre Manuel de référence JavaScript.

Objet Frame/IFrame

  • Formater l'iframe

  • Modifier un contenu dans Le couleur de fond du document dans l'iframe

  • Renvoie la valeur de l'attribut frameborder dans une iframe

  • Supprimer la frameborder de l'iframe

  • Modifier la hauteur et la largeur de l'iframe

  • Renvoyer la valeur de l'attribut longdesc dans une iframe

  • Renvoie la valeur de l'attribut longdesc dans une iframe La valeur de l'attribut marginheight

  • Renvoie la valeur de l'attribut marginwidth dans une iframe

  • Renvoie la valeur de l'attribut name dans une iframe

  • Retourne et définit la valeur de l'attribut de défilement dans une iframe

  • Modifie le src d'un iframe

  • Plus d'instances d'objet Frame/IFrame se trouvent dans notre Manuel de référence JavaScript.

Objet image

  • Formater l'image

  • Renvoyer le texte alternatif de l'image

  • Ajouter une bordure à l'image

  • Modifier la hauteur et la largeur de l'image

  • Définir le hspace de l'image et l'attribut vspace

  • renvoie la valeur de l'attribut longdesc de l'image

  • crée un lien pointant vers un bas -resolution image

  • Renvoyer le nom de l'image

  • Changer le src de l'image

  • Renvoyer la valeur de usemap d'une carte d'image client

  • Plus d'exemples d'objets Image se trouvent dans notre Manuel de référence JavaScript.

Objet événement

  • Quel bouton de la souris a été cliqué ?

  • Le code clé de la touche du clavier enfoncée ?

  • Les coordonnées de la souris ?

  • Les coordonnées de la souris par rapport à l'écran ?

  • La touche Maj est-elle enfoncée ?

  • Quel élément a été pressé ?

  • Quel événement s'est produit ?

Option et sélection d'objets

  • Désactiver et activer les listes déroulantes

  • Obtenir une goutte -down list L'ID du formulaire

  • Obtenir le nombre d'options dans la liste déroulante

  • Convertir la liste déroulante en une liste multiligne

  • Sélectionnez plusieurs options dans la liste déroulante

  • Faire apparaître toutes les options dans la liste déroulante

  • Faire apparaître l'option sélectionnée dans la liste déroulante Index

  • Modifier le texte de l'option sélectionnée dans la liste déroulante

  • Supprimer l'option dans la liste déroulante

Objets Table, TableHeader, TableRow, TableData

  • Modifier la largeur de la bordure du tableau

  • Modifier le cellpadding et l'espacement des cellules du tableau

  • Spécifier le cadre du tableau

  • Spécifier les règles du tableau

  • Une ligne de innerHTML

  • InnerHTML pour une cellule

  • Créer un titre pour le tableau

  • Supprimer des lignes dans le tableau

  • Ajouter des lignes dans le tableau

  • Ajouter des cellules dans la ligne

  • Aligner le contenu des cellules horizontalement

  • Aligner le contenu des cellules verticalement

  • Aligner le contenu d'une seule cellule horizontalement

  • Aligner le contenu d'une seule cellule horizontalement Aligner le contenu de la cellule verticalement

  • Modifier le contenu de la cellule

  • Modifier le nombre de colonnes que s'étend la cellule (attribut colspan)