Latest web development tutorials

HTML DOM objet élément

noeud HTML DOM

HTML DOM (Document Object Model) dans chaque noeud choses sont:

  • Le document lui-même est un objet de document
  • Tous les éléments HTML sont un nœud d'élément
  • Tous les attributs HTML sont des nœuds d'attribut
  • Les éléments HTML sont insérés dans le texte du noeud de texte
  • Les commentaires sont nœuds de commentaire

objet Element

Dans le DOM HTML, l'objet d'élément représente un élément HTML.

Les enfants des objets éléments peuvent être, peuvent être un nœud d'élément, les nœuds de texte, nœuds de commentaire.

objet NodeList représente une liste de noeuds, similaire à l'élément HTML nœuds enfants collection.

Les éléments peuvent avoir des attributs. Propriété appartenant à attribuer noeud (voir la section suivante).


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge objet d'élément et de l'objet NodeList. .


Propriétés et méthodes

Les propriétés ci-dessus et les méthodes applicables à tous les éléments HTML:

Propriété / Méthode description
élément .accessKey Définit ou renvoie un élément accesskey
Elément .addEventListener () Ajoutez un gestionnaire d'événements à un élément spécifié
Elément .appendChild () Ajout d'un nouvel élément à l'élément enfant
.attributes élément Elle retourne un tableau d'attributs d'un élément
.childNodes élément Retourne un tableau d'éléments dans un nœud enfant
élément .classlist Retourne le nom de la classe de l'élément, comme objet DOMTokenList.
élément .className Définit ou renvoie l'attribut de classe de l'élément
élément .clientHeight Retourne le contenu de la page Hauteur visible (non compris les frontières, les marges, ou les barres de défilement)
élément .clientWidth Retourne le contenu de la page visible en largeur (non compris les frontières, les marges, ou les barres de défilement)
Elément .cloneNode () Le clonage d'un élément
Elément .compareDocumentPosition () Emplacement du document pour comparer deux éléments.
élément .contentEditable Définit ou retourne si le contenu de l'élément modifiable
élément .dir Définit ou renvoie un élément dans le sens du texte
élément .firstChild Retourne le premier enfant de l'élément
Elément .focus () le document ou le gain de l'élément Régler l'accent
Elément .getAttribute () Renvoie les valeurs d'attribut de l'élément spécifié
Elément .getAttributeNode () Retourne le noeud d'attribut spécifié
Elément .getElementsByTagName () Retourne le nom de la balise d'une collection de tous les éléments de l'enfant.
élément. getElementsByClassName () Retourne tous les éléments du document précisent le nom de classe de la collection, comme objet NodeList.
Elément .getFeature () Renvoie les caractéristiques spécifiques de l'objet pour effectuer des API.
Elément .getUserData () Retourne un objet associé à l'élément clé.
Elément .hasAttribute () Si la propriété spécifiée existe des rendements de l'élément vrai, sinon il retourne faux.
.hasAttributes élément () En cas de propriétés de l'élément renvoie true, sinon il retourne faux.
.hasChildNodes élément () Retourne si un élément a un élément quelconque d'enfants
Elément .hasfocus () Renvoie une valeur booléenne, détecter si le focus document ou élément de gain
élément .id Définit ou retourne id de l'élément.
élément .innerHTML Définit ou renvoie le contenu de l'élément.
Elément .insertBefore () Insérez un nouvel élément enfant avant l'élément enfant existant
élément .isContentEditable Si le contenu de l'élément retourne éditables true, false sinon
Elément .isDefaultNamespace () Si le namespaceURI renvoie true, sinon il retourne faux.
Elément .isEqualNode () Vérifiez les deux éléments sont égaux
Elément .isSameNode () Vérifier les deux éléments ont tous le même noeud.
Elément .isSupported () Si les fonctionnalités supportées spécifiées dans l'élément renvoie true.
élément .lang Définit ou retourne la langue d'un élément.
élément .lastChild Dernier élément de l'enfant est revenu
élément .namespaceURI Renvoie l'URI d'espace.
élément .nextSibling Suivi par un retour de cet élément
élément .nodeName Retourne le nom de la balise de l'élément (majuscule)
élément .nodeType Retourne le type d'élément de noeud
élément .nodeValue Renvoie la valeur du nœud d'élément
Elément .normalize () Donc, cela est devenu une forme «normale» où seule structure (par exemple, des éléments, des commentaires, des instructions de traitement, les sections CDATA et références d'entités) nœuds de texte espacés, à savoir les éléments (y compris la propriété) tous les nœuds de texte ci-dessous, ne sont ni adjacent nœuds de texte ni nœuds de texte vides
élément .offsetHeight Retourne un élément de toute hauteur, y compris la frontière et le remplissage, mais pas la marge
élément .offsetWidth Renvoie la largeur de l'élément, y compris les frontières et le rembourrage, mais pas les marges
élément .offsetLeft Retourne l'élément courant d'un horizontal décalage relatif offset de position conteneur
élément .offsetParent Renvoie l'élément conteneur de décalage
élément .offsetTop Retourne l'élément courant par rapport décalage vertical de conteneur de décalage
élément .ownerDocument Retourne l'élément de l'élément racine (objet document)
élément .parentNode Retourne le noeud parent d'un élément
élément .previousSibling Renvoie un élément élément immédiatement précédent
Elément .querySelector () Match retour l'élément de sélecteur CSS spécifié est le premier élément enfant
document.querySelectorAll () Renvoie le sélecteur CSS spécifié correspond à la liste des noeuds d'élément de tous les sous-éléments
Elément .removeAttribute () Supprime l'attribut spécifié de l'élément
Elément .removeAttributeNode () Supprime le nœud d'attribut spécifié et renvoie la suppression de nœud après.
Elément .removeChild () Pour supprimer un sous-élément
Elément .removeEventListener () Retirez la poignée par la méthode addEventListener () pour ajouter un événement
Elément .replaceChild () Remplacer un élément enfant
élément .scrollHeight Renvoie la hauteur de l'élément entier (dont l'endroit caché de la barre de défilement)
élément .scrollLeft Les retours de la vue actuelle des éléments réels du bord gauche et le bord gauche
élément .scrollTop En arrière à partir du bord supérieur et une vue de dessus des éléments réels de l'arête entre le courant
élément .scrollWidth Retourne toute la largeur de l'élément (dont l'endroit caché de la barre de défilement)
Elément .setAttribute () Définir ou modifier les propriétés spécifiées et la valeur spécifiée.
Elément .setAttributeNode () Définir ou modifier le noeud d'attribut spécifié.
Elément .setIdAttribute ()
Elément .setIdAttributeNode ()
Elément .setUserData () Dans l'élément associé à l'objet clé spécifiée.
élément .style Définit ou retourne l'attribut style de l'élément
élément .tabIndex Définit ou renvoie l'ordre de tabulation des éléments.
élément .tagName En tant que chaîne de nom de tag d'un élément (majuscule)
élément .textContent Définit ou renvoie un nœud et son contenu texte
.title élément Définit ou retourne l'attribut title de l'élément
élément .toString () Un élément dans une chaîne
.item nodelist () Renvoie l'index d'un élément dans l'arborescence du document sur la base
.length nodelist Retourne le nombre de noeuds dans la liste des noeuds.