String.prototype.bold()

{{Deprecated_Header}}

The bold() method of {{jsxref("String")}} values creates a string that embeds this string in a {{HTMLElement("b")}} element (<b>str</b>), which causes this string to be displayed as bold.

[!NOTE] All HTML wrapper methods are deprecated and only standardized for compatibility purposes. Use DOM APIs such as document.createElement() instead.

Syntax#

bold()

Parameters#

None.

Return value#

A string beginning with a <b> start tag, then the text str, and then a </b> end tag.

Examples#

Using bold()#

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

const contentString = "Hello, world";

document.body.innerHTML = contentString.bold();

This will create the following HTML:

<b>Hello, world</b>

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

const contentString = "Hello, world";
const elem = document.createElement("b");
elem.innerText = contentString;
document.body.appendChild(elem);

Specifications#

{{Specifications}}

Browser compatibility#

{{Compat}}

See also#

• Polyfill of String.prototype.bold in core-js
• es-shims polyfill of String.prototype.bold
• HTML wrapper methods
• {{HTMLElement("b")}}