JavaScript DOM HTML Exemples

Exemples d'utilisation de JavaScript pour accéder et manipuler les objets DOM HTML.

---

Document Object

Écrire un texte à la sortie avec document.write () 
Écrire un texte formaté à la sortie avec document.write () 
Retourne le nombre de points d'ancrage dans un document 
de retour l'innerHTML de la première ancre dans un document 
Retourne le nombre de formes dans un document 
de retour le nom de la première forme dans un document 
Retourne le nombre d'images dans un document 
retourne l'id de la première image dans un document 
Retourne le nombre de liens dans un document 
de retour l'id du premier lien dans un document 
de retour tous les nom / valeur paires de cookies dans un document 
de retour le nom de domaine du serveur qui a chargé le document 
Retour de la date et l'heure de la dernière modification du document 
Retour de l'URL du document qui a chargé le document en cours 
Retour le titre d'un document 
de retour l'URL complète d'une documenter 
Ouvrir un flux de sortie, et ajouter un peu de texte 
Ouvrir un flux de sortie dans une nouvelle fenêtre, et ajouter un peu de texte 
Différence entre write () et writeln () 
innerHTML d'un élément d'alerte avec un ID spécifique 
Alerter le nombre d'éléments avec un nom spécifique 
Alerter le nombre d'éléments avec un nom de variable spécifique

Plus d'exemples objet de document dans notre référence JavaScript .

Objet d'ancrage

Retour et définissez la valeur de l'attribut charset d'un lien 
de retour la valeur de l'attribut href d'un lien 
de retour et de définir la valeur de l'attribut hreflang d'un lien 
de retour le nom d'une ancre 
Retour de la relation entre le document courant et la linked documenter 
Modifiez l'attribut cible d'un lien 
de retour la valeur de l'attribut type d'un lien

D'autres exemples d'objets d'ancrage dans notre référence JavaScript .

Objet Zone

Remettre le texte de remplacement pour une zone dans une image-map 
Retourne les coordonnées d'une zone dans une image-carte 
Retour de la pièce d'ancrage de l'attribut href d'une zone 
de retour le nom d'hôte: port pour une région dans une image-carte 
Retour le nom d'hôte pour une zone dans une image-map 
Retour au port pour une région dans une image-carte 
Retour de l'attribut href d'une zone dans une image-carte 
Retour le chemin d'accès pour une zone dans une image-carte 
Retour le protocole pour une zone dans une image -la carte 
Retour de la partie QueryString de l'attribut href d'une zone 
de retour de la forme d'une zone dans une image-map 
Retourne la valeur de l'attribut cible pour une zone dans une image-map

D'autres exemples d'objets de la région dans notre référence JavaScript .

L'objet de base

Retour URL de base pour toutes les URL relative sur une page 
Retourner la cible de base pour tous les liens sur une page

D'autres exemples d'objets de base de notre référence JavaScript .

Objet Bouton

Régler un bouton pour personnes à mobilité réduite lorsqu'il est cliqué 
Retourne le nom d'un bouton 
Retour le type d'un bouton 
Retour le texte affiché sur un bouton 
retourne l'id de la forme d'un bouton appartient à

D'autres exemples d'objets Button dans nos référence JavaScript .

Objet Form

Retourne la valeur de chaque élément dans une forme 
de retour de la valeur de l'attribut accept-charset dans une forme 
de retour de la valeur de l'attribut action dans une forme 
de retour de la valeur de l'attribut enctype dans une forme 
de retour le nombre d'éléments dans une forme 
de retour la méthode d'envoi des données de formulaire 
Renvoie le nom d'une forme 
de retour de la valeur de l'attribut cible dans une forme 
Réinitialiser un formulaire 
Envoyer un formulaire de

D'autres exemples d'objets de formulaire dans notre référence JavaScript .

Cadre / IFrame Objets

Aligner une iframe 
Changer la couleur de fond du document contenu dans une iframe 
Retourne la valeur de l'attribut frameborder dans une iframe 
frameborder Supprimer d'un iframe 
Modifier la hauteur et la largeur d'un iframe 
Retourne la valeur de l'attribut longdesc dans une iframe 
Retourne la valeur de l'attribut marginheight dans une iframe 
Retourne la valeur de l'attribut marginwidth dans une iframe 
Retourne la valeur de l'attribut name dans une iframe 
de retour et de définir la valeur de l'attribut scrolling dans une iframe 
Modifiez l'attribut src d'un iframe

Plus d'exemples objet Frame / IFrame dans notre référence JavaScript .

Objet Image

Aligner une image 
Retour le texte de remplacement d'une image 
Ajouter une bordure à une image 
Modifier la hauteur et la largeur d'une image 
Définissez les propriétés hspace et vspace d'une image 
Retourne la valeur de l'attribut longdesc d'une image 
Créer un lien vers une résolution faible version d'une image 
Retourne le nom d'une image 
Changer le src d'une image 
Retourne la valeur de l'attribut usemap d'un client-côté de l'image-carte

D'autres exemples d'objets image dans notre référence JavaScript .

Objet de l'événement

onblur - Exécuter un script JavaScript quand un utilisateur quitte un champ de saisie 
onchange - Exécuter un script JavaScript quand un utilisateur modifie le contenu d'un champ de saisie 
onclick - Exécuter un script JavaScript quand un bouton est cliqué 
ondblclick - Exécuter un script JavaScript quand un bouton est double-cliqué 
onerror - Exécuter un script JavaScript si une erreur survient lors du chargement d'une image 
onfocus - Exécuter un script JavaScript quand un champ de saisie a le focus 
onkeydown - Exécuter un script JavaScript quand un utilisateur appuie sur / maintenant enfoncée une touche 
onkeypress - Exécuter un script JavaScript quand un utilisateur appuie sur / de maintien une touche 
onkeyup - Exécuter un script JavaScript lorsque l'utilisateur relâche une touche 
onload - Exécuter un script JavaScript immédiatement après une page a été chargé 
onload - Exécuter un script JavaScript immédiatement après une image a été chargée 
onmousedown + onmouseup - Exécuter des scripts lorsque vous appuyez sur / relâcher une souris bouton 
onmousedown - Alerte bouton de la souris qui l'utilisateur a appuyé 
onmousedown - Alerter le nom de l'élément d'un utilisateur a cliqué sur 
onmousemove + onmouseout - Exécuter des scripts lorsque vous déplacez le pointeur de la souris sur / arrière sur une image 
onmouseover onmouseout + - Exécuter des scripts lors du déplacement de la souris sur entrée / sortie d'une image 
onresize - Exécuter un script JavaScript lorsque la fenêtre du navigateur est redimensionnée 
onselect - Exécuter un script JavaScript après un certain texte a été sélectionné 
onunload - Exécuter un script JavaScript avant que le navigateur se ferme le document 
Quel est le keycode de la touche pressée? 
Quels sont les coordonnées du curseur? 
Quelles sont les coordonnées du curseur, par rapport à l'écran? 
a été la touche Maj enfoncée? 
Quel type d'événement a eu lieu?

Option et sélectionnez les objets

Désactiver et activer une liste déroulante 
obtenir l'ID de la forme qui contient la liste déroulante 
Récupérer le nombre d'options dans la liste déroulante 
Activer la liste déroulante dans une liste multiligne 
sélectionner plusieurs options dans une liste déroulante 
Alerter l'option sélectionnée dans une liste déroulante 
d'alerte l'indice de l'option sélectionnée dans une liste déroulante 
Modifier le texte de l'option sélectionnée 
Supprimer les options à partir d'une liste déroulante

Tableau, tableheader, TableRow, Objets TableData

Modifier la largeur d'une bordure de tableau 
Modifier le cellpadding et cellspacing d'une table 
Spécifiez cadres d'une table 
spécifier des règles pour une table 
InnerHTML d'une rangée 
InnerHTML d'une cellule 
Créer une légende pour une table 
Suppression de lignes dans une table 
Ajouter des lignes à une table 
Ajouter cellules à une ligne du tableau 
Aligner le contenu d'une cellule dans une ligne du tableau 
vertical aligner le contenu d'une cellule dans une ligne du tableau 
Aligner le contenu des cellules dans une seule cellule 
Alignement vertical du contenu d'une cellule dans une seule cellule 
Changer le contenu d'une cellule de tableau 
Modifier le colspan de une ligne de tableau