Collection anchorsdu DOM HTML
Objet Document
Définition et utilisation
La collection anchors renvoie un tableau de tous les hyperliens de la page actuelle.
Syntaxe
document.anchors[].property
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la collection anchors.
Exemples
Exemple 1
Renvoie le nombre de liens dans le document :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exemple (example.com)</title>
</head>
<body>
<a name="html">Tutoriel HTML</a><br>
<a name="css">Tutoriel CSS</a><br>
<a name="xml">Tutoriel XML</a><br>
<a href="../js/index.html">Tutoriel JavaScript</a>
<p>Nombre d'ancres :
<script>
document.write(document.anchors.length);
</script></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Exemple (example.com)</title>
</head>
<body>
<a name="html">Tutoriel HTML</a><br>
<a name="css">Tutoriel CSS</a><br>
<a name="xml">Tutoriel XML</a><br>
<a href="../js/index.html">Tutoriel JavaScript</a>
<p>Nombre d'ancres :
<script>
document.write(document.anchors.length);
</script></p>
</body>
</html>
Le résultat de l'exemple ci-dessus :
Nombre d'ancres : 3
Essayez-le vous-même »
Exemple 2
Renvoie le texte d'ancre du premier lien hypertexte dans le document :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exemple (example.com)</title>
</head>
<body>
<a name="html">Tutoriel HTML</a><br>
<a name="css">Tutoriel CSS</a><br>
<a name="xml">Tutoriel XML</a>
<p>La première ancre dans le document :
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Exemple (example.com)</title>
</head>
<body>
<a name="html">Tutoriel HTML</a><br>
<a name="css">Tutoriel CSS</a><br>
<a name="xml">Tutoriel XML</a>
<p>La première ancre dans le document :
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
Le résultat de l'exemple ci-dessus :
La première ancre dans le document : Tutoriel HTML
Essayez-le vous-même »
Objet Document Autres extensions