SYNCERのロゴ
アイキャッチ画像

Document.links - ハイパーリンク

linksは、Documentのプロパティです。ドキュメントの全てのハイパーリンク(a要素area要素)を返します。

概要

名前
links
所属
Document
IDL
[SameObject] readonly attribute HTMLCollection links;
仕様書
https://html.spec.whatwg.org/multipage/dom.html#dom-document-links

説明

全てのa要素area要素HTMLCollectionで返す。読み取り専用なので、値を代入して変更することはできない。

チュートリアル

Document.linksを利用して、a要素area要素を取得する例です。

<a href="https://syncer.jp/">
<area href="https://example.com/">
var links = document.links ;

links[0] ;	// <a href="https://syncer.jp/">
links[1] ;	// <area href="https://example.com/">

デモ

Document.linksのデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	<base target="_blank">
</head>
<body>
<p><a href="https://syncer.jp/">SYNCER</a></p>
<p><a href="https://example.com/">example.com</a></p>
<hr>
<script>
var value = document.links ;

console.log( value ) ;
document.body.appendChild( new Text( value ) ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月6日 (金)
コンテンツを公開しました。