String.prototype.link()

Deprecated

Avoid using this feature in new projects. HTML wrapper methods exist only for backwards compatibility. Use DOM APIs to create elements instead. This feature may be a candidate for removal from web standards or browsers.

Consider using the following features instead: DOM.

Learn more
See full compatibility

The link() method of String values creates a string that embeds this string in an <a> element (<a href="...">str</a>), to be used as a hypertext link to another URL.

Note: All HTML wrapper methods are deprecated and only standardized for compatibility purposes. Use DOM APIs such as document.createElement() instead.

Syntax

link(url)

Parameters

url: Any string that specifies the href attribute of the <a> element; it should be a valid URL (relative or absolute), with any & characters escaped as &.

Return value

A string beginning with an <a href="url"> start tag (double quotes in url are replaced with "), then the text str, and then an </a> end tag.

Examples

Using link()

The code below creates an HTML string and then replaces the document's body with it:

const contentString = "MDN Web Docs";

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

This will create the following HTML:

html

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

Instead of using link() and creating HTML text directly, you should use DOM APIs such as document.createElement(). For example:

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