JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで太字のテキストを作成する方法を解説

JavaScriptで文字列を太字表示したい場合、bold()メソッドを使用します。このメソッドは、文字列がタグで囲まれているかのように、太字として表示させることができます。

bold()メソッドの基本

bold()はStringオブジェクトのメソッドの一つで、呼び出された文字列を<b>〜</b>タグでラップした結果を返します。以下のコードを実行すると、太字のテキストを作成できます。

サンプルコード

<html>
    <head>
        <title>JavaScript String bold() Method</title>
    </head>

    <body>
        <script>
            var str = new String("Demo Text");
            document.write(str.bold());
            alert(str.bold());
        </script>
    </body>
</html>

このコードでは、「Demo Text」という文字列に対してbold()メソッドを呼び出しています。document.write()によってページ上に太字のテキストが出力され、alert()では「<b>Demo Text</b>」というHTMLタグ付きの文字列がダイアログに表示されます。

注意点：bold()メソッドは非推奨

bold()メソッドは現在、非推奨（Deprecated）とされています。モダンなWeb開発では、代わりに以下の方法を使用することが推奨されます。

  • HTML側で直接<b>タグや<strong>タグを使う
  • CSSのfont-weight: bold;プロパティでスタイルを適用する
  • element.innerHTMLやtextContentと組み合わせて動的に要素を挿入する

既存コードの保守やレガシー環境の理解にはbold()の知識も役立ちますが、新規開発ではCSSベースのアプローチを採用しましょう。

  1. JavaScriptでアニメーションを作成する方法をわかりやすく解説

    JavaScriptを使えば、要素を滑らかに動かしたり変形させたりするアニメーションを簡単に実装できます。この記事では、setInterval()を活用したアニメーションの基本的な作り方を、実際に動くサンプルコードとともに詳しく解説します。 JavaScriptアニメーションの基本的な仕組み JavaScriptでアニメーションを作る場合の基本は、「一定間隔ごとに要素のスタイルを少しずつ変更する」という考え方です。具体的には次の手順で実装します。 setInterval()で指定間隔（例：10ミリ秒）ごとに関数を繰り返し実行する 関数の中で位置や形状などのスタイル値を少しずつ更新する 目標の

  2. JavaScriptでURLオブジェクトを作成する方法をわかりやすく解説

    JavaScriptでは、標準組み込みのURLコンストラクタを使うことで、URL文字列からURLオブジェクトを簡単に生成できます。URLオブジェクトを作成すると、プロトコル（protocol）やホスト名（host）、パス（pathname）など、URLを構成する各要素に個別にアクセスできるようになるため、URLの解析や操作がとても便利になります。 URLオブジェクトの作成例 以下は、JavaScriptでURLオブジェクトを作成し、ボタンをクリックするとその各プロパティを画面に表示するサンプルコードです。 <!DOCTYPE html> <html lang="