Le meilleur didacticiel HTML DOM objet élément en 2024, dans ce didacticiel, vous pouvez apprendre noeud HTML DOM,objet Element,support du navigateur,Propriétés et méthodes,
HTML DOM (Document Object Model) dans chaque noeud choses sont:
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).
Tous les principaux navigateurs prennent en charge objet d'élément et de l'objet NodeList. .
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. |