Maison > interface Web > js tutoriel > le corps du texte

Comment obtenir l'attribut id en JavaScript

醉折花枝作酒筹
Libérer: 2023-01-06 11:16:59
original
24050 Les gens l'ont consulté

En js, vous pouvez utiliser la méthode getAttribute pour obtenir l'attribut id, et le format de syntaxe est "object.getAttribute(id name)". La méthode "getAttribute()" est une fonction qui n'a qu'un seul paramètre (le nom de l'attribut à interroger) et est appelée via l'objet nœud élément.

Comment obtenir l'attribut id en JavaScript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Utilisez simplement la fonction getAttribute("id") pour obtenir la valeur id de l'élément

Après avoir trouvé l'élément, nous pouvons utiliser la méthode getAttribute() pour obtenir les valeurs de ses différents attributs Découvrez-le.

La méthode getAttribute() est une fonction. Il n'a qu'un seul paramètre - le nom de l'attribut que vous avez l'intention d'interroger :

Cependant, la méthode getAttribute() ne peut pas être appelée via l'objet document, ce qui est différent des autres méthodes que nous avons introduites précédemment. Nous ne pouvons l'appeler que via un objet nœud d'élément.

Par exemple, vous pouvez le combiner avec la méthode getElementsByTagName() pour interroger chaque

Syntaxe :

element.getAttribute(attributename)
Copier après la connexion

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
</head>
<body>

读取 <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var a=document.getElementsByTagName("a")[0];
	document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>

</body>
</html>
Copier après la connexion

Effet :

Comment obtenir lattribut id en JavaScript

Informations étendues :

Un document est une arborescence de nœuds.

Les nœuds sont divisés en différents types : nœuds d'élément, nœuds d'attribut, nœuds de texte, etc.

La méthode getElementById() renverra un objet qui correspond à un nœud d'élément spécifique dans le document.

La méthode getElementsByTagName() renverra un tableau d'objets, qui correspondent à un nœud d'élément spécifique dans le document.

Chacun de ces nœuds est un objet.

[Apprentissage recommandé : Tutoriel JavaScript avancé]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!