diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-18 23:52:01 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-26 23:18:11 +0900 |
| commit | df6bd536b03c31c97e2d9998a4f7e1b56133fcfe (patch) | |
| tree | c0434ea5e35fdc9cb8681fb2f64b5cd3bdd43adb /files | |
| parent | 7314293c5c2309e78647ed4df02ca6654adb6d36 (diff) | |
| download | translated-content-df6bd536b03c31c97e2d9998a4f7e1b56133fcfe.tar.gz translated-content-df6bd536b03c31c97e2d9998a4f7e1b56133fcfe.tar.bz2 translated-content-df6bd536b03c31c97e2d9998a4f7e1b56133fcfe.zip | |
Web/API/Document/anchors を更新
- 2021/10/18 時点の英語版に同期
Diffstat (limited to 'files')
| -rw-r--r-- | files/ja/web/api/document/anchors/index.md | 146 |
1 files changed, 63 insertions, 83 deletions
diff --git a/files/ja/web/api/document/anchors/index.md b/files/ja/web/api/document/anchors/index.md index 3add544412..f102b496df 100644 --- a/files/ja/web/api/document/anchors/index.md +++ b/files/ja/web/api/document/anchors/index.md @@ -3,113 +3,93 @@ title: Document.anchors slug: Web/API/Document/anchors tags: - API - - DOM - Deprecated - Document - HTML DOM - Property - Reference - - anchors - - プロパティ +browser-compat: api.Document.anchors translation_of: Web/API/Document/anchors --- -<div>{{APIRef("DOM")}} {{deprecated_header()}}</div> +{{APIRef("DOM")}} {{Deprecated_Header}} -<p><strong><code>anchors</code></strong> は {{domxref("Document")}} インターフェイスの読み取り専用のプロパティで、文書中のすべてのアンカーのリストを返します。</p> +**`anchors`** は {{domxref("Document")}} インターフェイスの読み取り専用のプロパティで、文書中のすべてのアンカーのリストを返します。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 -<pre class="syntaxbox"><var>nodeList</var> = document.anchors; -</pre> +```js +nodeList = document.anchors; +``` -<h3 id="Value" name="Value">値</h3> +### 値 -<p>{{domxref("HTMLCollection")}} です。</p> +{{domxref("HTMLCollection")}} です。 -<h2 id="Example" name="Example">例</h2> +## 例 -<pre class="brush:js">if (document.anchors.length >= 5) { - dump("dump found too many anchors"); - window.location = "http://www.google.com"; +```js +if (document.anchors.length >= 5) { + dump("found too many anchors"); } -</pre> +``` -<p>文書中のアンカーを基に目次を作成して文書に挿入する例を以下に示します。</p> +文書中のアンカーを基に目次を作成して文書に挿入する例を以下に示します。 -<pre class="brush:html"><!DOCTYPE html> -<html lang="en"> -<head> -<meta charset="UTF-8" /> -<title>Test</title> -<script> +```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++) { + 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; + newAnchor.textContent = 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">JSFiddle で確認</a></p> - -<h2 id="Notes" name="Notes">メモ</h2> - -<p>後方互換性のため、返されるアンカーのセットには <code>name</code> 属性を付けて作成されたアンカーのみが含まれ、 <code>id</code> 属性付きで作成されたものは含まれません。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#dom-document-anchors', 'Document.anchors')}}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td>廃止</td> - </tr> - <tr> - <td>{{SpecName('DOM2 HTML', 'html.html#ID-7577272', 'Document.anchors')}}</td> - <td>{{ Spec2('DOM2 Events') }}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<div>{{Compat("api.Document.anchors")}}</div> +</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> +``` + +[JSFiddle で確認](https://jsfiddle.net/S4yNp) + +## メモ + +後方互換性のため、返されるアンカーのセットには `name` 属性を付けて作成されたアンカーのみが含まれ、 `id` 属性付きで作成されたものは含まれません。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} |