HTML wrapper methods
String.prototype.bold(), .link(), .fontcolor() 等は文字列を HTML 要素でラップするレガシーメソッドです。テンプレートリテラルの使用が推奨されます。
概要
String.prototype.bold(), .link(), .fontcolor() 等は文字列を HTML 要素でラップするレガシーメソッドです。テンプレートリテラルの使用が推奨されます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| ビルトインオブジェクト | ||||||
String.big 非推奨 big() は String 値のメソッドで、この文字列を big 要素の中に埋め込み (str)、この文字列が大きなフォントで表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.blink 非推奨 blink() は String 値のメソッドで、この文字列を の中に埋め込んだ文字列 (str) を生成し、古いブラウザーにおいて文字列を点滅させるために使用します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.bold 非推奨 bold() は String 値のメソッドで、この文字列を b 要素に埋め込んだ文字列 (str) を生成し、この文字列が太字で表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.fixed 非推奨 fixed() は String 値のメソッドで、この文字列を tt 要素に埋め込み (str)、この文字列が固定幅フォントで表示されるような文字列を生成します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.fontcolor 非推奨 fontcolor() は String 値のメソッドで、この文字列を font 要素に埋め込み (str)、この文字列が指定されたフォント色で表示されるようにする文字列を生成します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.fontsize 非推奨 fontsize() は String 値のメソッドで、この文字列を font 要素に埋め込み (str)、この文字列が指定されたフォントサイズで表示されるようにする文字列を生成します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.italics 非推奨 italics() は String 値のメソッドで、この文字列を i 要素に埋め込んだ文字列 (str) を生成し、この文字列がイタリック体で表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.link 非推奨 link() は String 値のメソッドで、この文字列を a 要素に埋め込み (str)、他の URL へのハイパーテキストリンクとして使用される文字列を生成します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.small 非推奨 small() は String 値のメソッドで、この文字列を small 要素に埋め込んだ文字列 (str) を生成し、この文字列が小さなフォントで表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.strike 非推奨 strike() は String 値のメソッドで、この文字列を strike 要素に埋め込んだ文字列 (str) を生成し、この文字列が取り消されたテキストとして表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.sub 非推奨 sub() は String 値のメソッドで、文字列を sub 要素に埋め込んだ文字列 (str) を生成し、文字列が下付き文字として表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.substr 非推奨 substr() は String 値のメソッドで、この文字列の一部を、指定した位置から後方向に指定した文字数だけ返します。 | 1 | 12 | 1 | 1 | 18 | 1 |
String.sup 非推奨 sup() は String 値のメソッドで、この文字列を sup 要素に埋め込んだ文字列 (str) を生成し、この文字列が上付き文字として表示されるようにします。 | 1 | 12 | 1 | 1 | 18 | 1 |
- バージョン17から、`name`パラメータに指定された文字列の引用符(")はHTMLの参照文字(`"`)に置き換えられるようになりました。
基本構文
// HTML wrapper methods example
// See MDN Web Docs for detailsライブデモ
Wrap text with bold and italics
Use legacy string wrapper methods that return HTML strings.
Create an anchor tag string
Use String.prototype.link to produce a legacy HTML snippet.
Compare with template literals
See the same HTML built with a modern explicit template string.
実務での使いどころ
-
HTML wrapper methods の活用
String の HTML ラッパーメソッド（非推奨）。bold(), link() 等で HTML 要素を生成するレガシー機能。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。
参考リンク
Powered by web-features