Latest web development tutorials

HTML Méthodes DOM

La méthode est une action que nous pouvons effectuer sur le nœud (éléments HTML).


Interface de programmation

Par JavaScript (et d'autres langages de programmation) en HTML accès DOM.

Tous les éléments HTML sont définis comme un objet, et l'interface de programmation est la méthode d'objet et propriétés de l'objet.

La méthode est une opération (comme l'ajout d'éléments ou modifier) ​​que vous pouvez effectuer.

La propriété est que vous pouvez obtenir ou la valeur (par exemple, le nom de noeud ou le contenu).


méthode getElementById ()

getElementById () retourne l'élément avec l'ID spécifié:

Exemples

var element=document.getElementById("intro");

Essayez »


HTML objets DOM - méthodes et propriétés

Certaines méthodes DOM HTML couramment utilisés:

  • getElementById (id) - Obtenir noeud (élément) avec l'id spécifié
  • appendChild (noeud) - insérer un nouveau nœud enfant (élément)
  • removeChild (noeud) - Supprime le nœud enfant (élément)

Certains couramment utilisé HTML attributs DOM:

  • innerHTML - noeud (élément) valeur de texte
  • parentNode - noeuds (éléments) du noeud parent
  • childNodes - noeud (élément) du nœud enfant
  • attributs - noeud (élément) noeud d'attribut

Dans ce tutoriel, vous apprendrez plus sur la prochaine propriété de chapitre.


objets de la vie réelle

Une personne est un objet.

Une approche pourrait être de manger (), sleep (), le travail (), play (), et ainsi de suite.

Ces méthodes ont toutes, mais elles seront exécutées à des moments différents.

la propriété d'une personne, y compris leur nom, taille, poids, âge, sexe et ainsi de suite.

Tout le monde a ces propriétés, mais leurs valeurs varient.


Certaines méthodes de l'objet DOM

Voici quelques méthodes courantes que vous avez appris dans ce tutoriel pour:

manière description
getElementById () Renvoie l'élément avec l'ID spécifié.
getElementsByTagName () Renvoie une liste de noeuds (array set / nœud) contenant tous les éléments avec le nom de balise spécifié.
getElementsByClassName () Renvoie une liste de tous les éléments avec le noeud spécifié contient le nom de la classe.
appendChild () Pour ajouter un nouveau nœud enfant au nœud spécifié.
removeChild () Supprime le nœud enfant.
replaceChild () Remplacer les nœuds enfants.
insertBefore () Insérez un nouveau nœud enfant devant le nœud enfant spécifié.
createAttribute () Créer nœud d'attribut.
createElement () Créer un nœud d'élément.
createTextNode () Créer un nœud de texte.
getAttribute () Renvoie les valeurs d'attribut spécifiées.
setAttribute () Pour définir ou modifier la valeur spécifiée de la propriété spécifiée.