Méthodes et propriétés HTML DOM

JavaScript peut également accéder au modèle d'objet de document HTML (DOM) similaire à d'autres langages de programmation. Tous les éléments HTML sont définis comme «objets«Dans le DOM, où chaque objet a un ensemble de méthodes et de propriétés. La propriété HTML DOM est une valeur qui peut être récupérée ou modifiée, et la méthode HTML DOM est une action que vous pouvez effectuer pour les éléments HTML, par exemple, la suppression des éléments HTML.

Cet article discutera des méthodes et des propriétés HTML DOM. De plus, nous fournirons également des listes distinctes des méthodes et propriétés HTML DOM les plus utiles en JavaScript. Alors, commençons!

Méthodes HTML DOM

Le "Actions«Vous effectuez sur les éléments HTML sont appelés méthodes HTML DOM. Vous pouvez utiliser les méthodes HTML DOM comme débutant JavaScript pour générer les résultats requis sans faire trop d'efforts et écrire un tas de code. Les méthodes HTML DOM peuvent vous aider à simplifier la tâche.

Dans le tableau ci-dessous, nous avons compilé certaines des méthodes HTML DOM qui peuvent être utilisées sur tous les éléments HTML:

Méthodes HTML DOM	Description
addEventListener ()	Le "addEventListener ()»La méthode HTML DOM est utilisée pour attacher un gestionnaire d'événements à un élément particulier.
APPENDCHILD ()	Le "APPENDCHILD ()«La méthode est utilisée pour ajouter un nouveau nœud enfant pour un élément.
se brouiller()	Le "se brouiller()«La méthode est utilisée pour éliminer la mise au point d'un élément HTML.
Cliquez sur()	Le "Cliquez sur()»La méthode met un clic de souris sur un élément HTML.
clonenode ()	Le "clonenode ()»La méthode est utilisée pour cloner un élément.
le plus proche()	Le "le plus proche()”La méthode HTML DOM est utilisée pour rechercher l'élément le plus proche de l'arbre Dom, qui correspond à un sélecteur CSS spécifié.
CompartifocumentPosition ()	Le "CompartifocumentPosition ()»La méthode HTML DOM est utilisée pour comparer la position de document de deux HTMlelements.
Quitter le mode plein écran()	Le "exisfullScreen ()»La propriété annule un élément en mode plein écran.
se concentrer()	Le "se concentrer()”Méthode HTML DOM pour attribuer une mise au point à un élément HTML.
getAttribute ()	Le "getAttribute ()«La méthode HTML DOM affiche la valeur d'attribut d'un élément.
getAttTributENODE ()	Le "getAttTributENODE ()«La méthode HTML DOM affiche le nœud d'attribut spécifié.
getBoundingClientRect ()	Le "getBoundingClientRect ()”La méthode HTML DOM sort la position et la taille d'un élément lié à la fenêtre.
getElementsByClassName ()	Le "getElementByClassName ()”La méthode HTML DOM affiche la liste des éléments enfants d'une classe particulière.
getElementsByTagName ()	Le "getElementsByTagName ()”La méthode HTML DOM affiche la liste des éléments enfants d'une balise particulière.
HasAttribute ()	Le "HasAttribute ()»Sinon, la méthode HTML DOM sort si un élément a l'attribut ajouté, sinon, cette méthode renvoie false.
HaschildNodes ()	Le "HaschildNodes ()«La méthode HTML DOM sortira True si un élément particulier a des nœuds enfants, sinon, cette méthode renvoie false.
insertAdjacEntelement ()	Le "insertAdjacEntelement ()»La méthode HTML DOM est utilisée pour insérer un élément HTML à une position particulière liée à l'élément actif.
insertadjacenthtml ()	Le "insertadjacenthtml ()«La méthode HTML DOM est utilisée pour insérer un texte formaté HTML à une position particulière liée à l'élément actif.
insertadjacentText ()	Le "insertadjacentText ()»La méthode HTML DOM est utilisée pour insérer du texte à une position particulière liée à l'élément actif.
insertFore ()	Le "insertFore ()»La méthode HTML est utilisée pour insérer un nouveau nœud enfant avant un nœud enfant existant.
isdefaultNamespace ()	Le "isdefaultNamespace ()«La méthode HTML DOM sort True si un espaceuri particulier est défini par défaut, sinon, cette méthode sort faux.
isEqualNode ()	Le "isEqualNode ()«La méthode est utilisée pour vérifier si deux éléments HTML sont égaux ou non.
issamenode ()	Le "issamenode ()”La méthode HTML DOM est utilisée pour vérifier si deux éléments HTML sont du même nœud ou non.
est pris en charge()	Le "est pris en charge()»La méthode HTML DOM sort True si une fonctionnalité particulière est prise en charge pour l'élément HTML.
allumettes()	Le "allumettes()»La méthode sort une valeur booléenne indiquant si un sélecteur CSS spécifique correspond à un élément ou non.
normaliser()	Le "normaliser()«La méthode HTML DOM est utilisée pour rejoindre les nœuds de texte adjacents et pour éliminer les nœuds de texte vides d'un élément HTML.
QuerySelector ()	Le "QuerySelector ()”La méthode HTML DOM est utilisée pour produire le premier élément enfant qui est adapté à un sélecteur CSS particulier d'un élément HTML.
queySelectorall ()	Le "queySelectorall ()»La méthode renvoie tous les éléments enfants qui correspondent à un sélecteur CSS spécifié d'un élément.
retirer()	Le "retirer()”La méthode HTML DOM est utilisée pour supprimer un élément HTML particulier de DOM.
removeAttribute ()	Le "removeAttribute ()«La méthode HTML DOM est utilisée pour supprimer un attribut particulier d'un élément HTML.
RemoveAtTributENODE ()	Le "RemoveAtTributENODE ()”La méthode HTML DOM élimine le nœud d'attribut ajouté et le montre comme sortie.
removechild ()	Le "removechild ()»La méthode HTML DOM est utilisée pour supprimer un nœud enfant particulier d'un élément HTML.
retireEventListener ()	Le "retireEventListener ()”La méthode HTML DOM est utilisée pour supprimer un gestionnaire d'événements attaché.
RempaceChild ()	Le "RempaceChild ()»La méthode HTML DOM est utilisée pour remplacer un nœud enfant à partir d'un élément HTML.
requestfullScreen ()	Le "requestfullScreen () "La méthode HTML DOM est utilisée pour afficher l'élément HTML en mode plein écran.
défiler dans l'affichage()	Le "défiler dans l'affichage()»La méthode HTML DOM est utilisée pour faire défiler un élément HTML particulier dans la zone visible du navigateur.
setAttribute ()	Le "setAttribute ()«La méthode HTML DOM est utilisée pour définir les attributs à la valeur ajoutée.
setAttributeNode ()	Le "setAttributeNode ()«La méthode HTML DOM est utilisée pour modifier ou afficher le nœud d'attribut spécifié.
toString ()	Le "toString ()«La méthode HTML DOM est utilisée pour convertir un élément en une chaîne.

Propriétés HTML DOM

Les valeurs que vous pouvez définir ou modifier les éléments HTML sont appelées propriétés HTML DOM. Les propriétés HTML sont définies par DOM, qui peut être facilement modifiée en utilisant les propriétés HTML DOM prédéfinies.

Maintenant, consultez le tableau ci-dessous; Nous avons compilé certaines des propriétés HTML DOM qui peuvent être utilisées sur tous les éléments HTML:

Propriétés HTML DOM	Description
clef d'accès	Le "clef d'accès»Définit ou renvoie la propriété AccessKey HTML DOM.
les attributs	Le "les attributs”La propriété HTML DOM sort un nom de NamedNodemap de l'attribut d'un élément HTML.
activeylement	Le "activeylement»La propriété obtient l'élément actuellement actif.
childelement count	Le "childelement count»La propriété HTML DOM est utilisée pour afficher le nombre total d'éléments enfants d'un élément HTML.
noeuds infilaires	Le "noeuds infilaires”La propriété HTML DOM sort les nœuds enfants d'un élément HTML.
liste de classe	Le "liste de classe«La propriété HTML DOM renvoie le nom de la classe d'un élément.
nom du cours	Le "nom du cours«La propriété HTML DOM est utilisée pour modifier ou afficher la valeur du nom de classe HTML.
Clientheight	Le "Clientheight”La propriété HTML DOM sort la hauteur de l'élément HTML.
clientèle	Le "clientèle”La propriété HTML DOM est utilisée pour afficher la largeur de la bordure gauche d'un élément HTML.
client	Le "client»La propriété HTML DOM est utilisée pour afficher la largeur de la bordure supérieure d'un élément HTML.
ClientWidth	Le "ClientWidth»La propriété renvoie ou produit la largeur d'un élément, qui comprend un rembourrage.
satisfaisant	Le "satisfaisant”Les propriétés HTML DOM définissent ou renvoient si le contenu d'un élément est modifiable ou non.
diron	Le "diron»La propriété HTML DOM est utilisée pour changer ou afficher la valeur DIR d'un élément.
premier enfant	Le "premier enfant»La propriété HTML DOM est utilisée pour afficher le premier nœud enfant d'un élément HTML.
FirstElementChild	Le "FirstElementChild»La propriété HTML DOM est utilisée pour afficher le premier élément enfant d'un élément HTML.
identifiant	Le "identifiant«La propriété HTML DOM est utilisée pour modifier et afficher la valeur d'attribut d'ID d'un élément.
innerhtml	Le "innerhtml”La propriété HTML DOM est utilisée pour changer et afficher le contenu de l'élément.
texte de texte	Le "texte de texte”La propriété HTML DOM est utilisée pour changer et afficher le contenu texte du nœud et ses descendants.
est condamné	Le "est condamné»La propriété HTML DOM est utilisée pour vérifier si le contenu d'un élément est modifiable ou non.
égouter	Le "égouter«La propriété HTML DOM est utilisée pour définir la valeur de l'attribut Lang d'un élément HTML.
dernier enfant	Le "dernier enfant»La propriété renvoie le dernier nœud enfant d'un enfant.
en dentementchild	Le "en dentementchild”La propriété HTML DOM est utilisée pour afficher le dernier élément enfant d'un élément.
espaceuri	Le "espaceurl de noms»La propriété HTML DOM est utilisée pour sortir l'espace de noms URI d'un élément HTML.
siropliant	Le "siropliant»La propriété HTML DOM est utilisée pour afficher le nœud suivant dans un niveau d'arbre.
NextElelementsie	Le "NextElelementsie»La propriété HTML DOM est utilisée pour afficher le prochain élément HTML dans un niveau d'arbre.
nodename	Le "nodename”La propriété HTML DOM sort le nom du nœud.
nodype	Le "nodype»La propriété HTML DOM est utilisée pour afficher le type de nœud.
novice novice	Le "novice novice»La propriété HTML DOM est utilisée pour afficher ou modifier la valeur du nœud.
propriétaire de propriétaire	Le "propriétaire de propriétaire»La propriété définit ou renvoie l'élément racine ou l'objet de document pour un élément.
norme parentale	Le "norme parentale»La propriété HTML DOM est utilisée pour afficher le nœud parent d'un élément.
parentélement	Le "parentélement»La propriété HTML DOM est utilisée pour afficher l'élément parent de l'élément HTML.
providence	Le "providence”La propriété HTML DOM est utilisée pour afficher le frère précédent de l'élément HTML.
Précédent les éléments	Le "Précédent les éléments»La propriété HTML DOM est utilisée pour afficher le frère de l'élément HTML précédent.
faire défiler	Le "faire défiler»La propriété HTML DOM est utilisée pour afficher la hauteur d'un élément HTML.
style	Le "style»La propriété HTML DOM est utilisée pour modifier ou afficher la valeur de l'attribut d'un élément HTML.
tabindex	Le "tabindex»La propriété HTML DOM est utilisée pour modifier ou afficher la valeur d'index de l'onglet de l'attribut d'un élément HTML.
tagname	Le "tagname»La propriété HTML DOM est utilisée pour afficher le nom de la balise d'un élément.
continent textuel	Le "continent textuel»La propriété HTML DOM est utilisée pour modifier ou afficher le contenu textuel d'un nœud.
titre	Le "titre"Est utilisé pour changer ou afficher la valeur de l'attribut de titre de l'élément HTML.
scripts	Le "scripts»La propriété est utilisée pour obtenir tous les éléments de script.
stricterrorcheking	Le "stricterrorcheking»La propriété est utilisée pour définir la vérification des erreurs en mode stricte.
URL	Le "URL»La propriété HTML DOM est utilisée pour obtenir l'URL complète d'un document HTML.

Conclusion

Un élément HTML défini comme un objet a certaines propriétés et méthodes DOM. Méthodes HTML DOM Spécifiez l'action que vous souhaitez effectuer sur l'élément HTML, tandis que les propriétés HTML DOM sont les valeurs que vous souhaitez obtenir ou définir pour un objet particulier ou un élément HTML. Cet article a discuté des méthodes et des propriétés HTML DOM. De plus, nous avons également fourni des listes distinctes des méthodes et propriétés HTML DOM les plus utiles en JavaScript.