Attributs HTML DOM


Les attributs sont les valeurs des nœuds (éléments HTML) que vous pouvez obtenir ou définir.

Interface de programmation

permet d'accéder au DOM HTML via JavaScript (et d'autres langages de programmation).

Tous les éléments HTML sont définis comme des objets et les interfaces de programmation sont des méthodes objet et des propriétés d'objet.

Les méthodes sont des actions que vous pouvez effectuer (telles que l'ajout ou la modification d'éléments).

Les propriétés sont des valeurs que vous pouvez obtenir ou définir (comme le nom ou le contenu d'un nœud).

Propriété innerHTML

Le moyen le plus simple d'obtenir le contenu d'un élément est d'utiliser la propriété innerHTML.

L'attribut innerHTML est utile pour obtenir ou remplacer le contenu d'un élément HTML.

Exemple

Le code suivant obtient le innerHTML de l'élément <p> avec id="intro" :

Exemple

<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>

Exécuter l'exemple»

Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne

Dans l'exemple ci-dessus, getElementById est une méthode, et innerHTML est une propriété.

lamp
lamp

innerHTML 属性可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>。

L'attribut innerHTML peut être utilisé pour obtenir ou modifier n'importe quel élément HTML, y compris <html> et <body>.

L'attribut nodeName spécifie le nom du nœud.

  • nodeName est en lecture seule

  • Le nodeName du nœud d'élément est le même que le nom de la balise

  • attribut Le nodeName du nœud est le même que le nom de l'attribut

  • Le nodeName du nœud de texte est toujours #text

  • Le nodeName du nœud de document est toujours #document

Remarque :

nodeName contient toujours le nom de balise de l'élément HTML en lettres majuscules.

attribut nodeValue

attribut nodeValue spécifie la valeur du nœud.

  • La nodeValue du nœud d'élément est indéfinie ou nulle

  • La nodeValue du nœud de texte est le texte lui-même

  • La nodeValue du nœud d'attribut est la valeur de l'attribut

Obtenir la valeur de l'élément

L'exemple suivant récupérera le < ;p id="intro"> tag Valeur du nœud de texte :

Instance
<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>

<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

Exécuter l'instance»

Cliquez le bouton "Exécuter l'instance" pour afficher l'instance en ligne

propriété nodeType

propriété nodeType renvoie le type de nœud. nodeType est en lecture seule.

Les types de nœuds les plus importants sont :
元素类型NodeType
元素1
属性2
文本3
注释8
文档9
<🎜>