String.prototype.link()

構文

link(url)

引数

url

<a> 要素の href 属性を指定する任意の文字列です。これは妥当な（相対または絶対）URL で、すべての & の文字を & でエスケープしたものです。

返値

開始タグ <a href="url"> （url の中の二重引用符は " に置き換えられます）、str のテキストが来て、終了タグ </a> が来る文字列です。

例

link() の使用

以下のコードは、HTML 文字列を作成し、それで文書の本体を置き換えます。

const contentString = "MDN Web Docs";

document.body.innerHTML = contentString.link("https://developer.mozilla.org/");

これにより、次の HTML が生成されます。

<a href="/proxy/developer.mozilla.org/">MDN Web Docs</a>

link( を使用して HTML テキストを直接作成する代わりに、document.createElement() などの DOM API を使用すべきです。例を示します。

const contentString = "MDN Web Docs";
const elem = document.createElement("a");
elem.href = "https://developer.mozilla.org/";
elem.innerText = contentString;
document.body.appendChild(elem);

仕様書

ブラウザーの互換性

関連情報

• String.prototype.link のポリフィル (core-js)
• es-shims による String.prototype.link のポリフィル
• HTML ラッパーメソッド
• <a>