diff options
Diffstat (limited to 'files/fr/web/api/document/anchors/index.md')
-rw-r--r-- | files/fr/web/api/document/anchors/index.md | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/files/fr/web/api/document/anchors/index.md b/files/fr/web/api/document/anchors/index.md new file mode 100644 index 0000000000..ea16e0f96f --- /dev/null +++ b/files/fr/web/api/document/anchors/index.md @@ -0,0 +1,81 @@ +--- +title: Document.anchors +slug: Web/API/Document/anchors +translation_of: Web/API/Document/anchors +original_slug: Web/API/Document/Document.anchors +--- +<div>{{APIRef("DOM")}} {{deprecated_header()}}</div> + +<p><code>anchors</code> retourne une liste de toutes les ancres du document.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="syntaxbox"><var>nodeList</var> = document.anchors; +</pre> + +<h2 id="Example">Exemple</h2> + +<pre class="brush:js">if ( document.anchors.length >= 5 ) { + dump("Trop d'ancres trouvées !"); + window.location = "http://www.google.com"; +} +</pre> + +<p>L'exemple suivant remplit un tableau avec chaque ancre présente sur la page :</p> + +<pre class="brush:html"><!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="UTF-8" /> +<title>Test</title> +<script> +function init() { + var toc = document.getElementById("toc"); + var i, li, newAnchor; + for (i = 0; i < document.anchors.length; i++) { + li = document.createElement("li"); + newAnchor = document.createElement('a'); + newAnchor.href = "#" + document.anchors[i].name; + newAnchor.innerHTML = document.anchors[i].text; + li.appendChild(newAnchor); + toc.appendChild(li); + } +} +</script> + +</head> +<body onload="init()"> + +<h1>Title</h1> +<h2><a name="contents">Contents</a></h2> +<ul id="toc"></ul> + +<h2><a name="plants">Plants</a></h2> +<ol> + <li>Apples</li> + <li>Oranges</li> + <li>Pears</li> +</ol> + +<h2><a name="veggies">Veggies</a></h2> +<ol> + <li>Carrots</li> + <li>Celery</li> + <li>Beats</li> +</ol> + +</body> +</html> +</pre> + +<p><a href="https://jsfiddle.net/S4yNp">Voir dans JSFiddle</a></p> + +<h2 id="Notes">Notes</h2> + +<p>Pour des raisons de rétrocompatibilité, la liste d'ancres retournée contient seulement les ancres créées avec l'attribut <code>name</code>, pas celles créées avec l'attribut <code>id</code>.</p> + +<h2 id="Specification">Spécification</h2> + +<ul> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-7577272">DOM Level 2 HTML: anchors</a></li> +</ul> |