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

JavaScriptで取り消し線テキストを作成する方法

JavaScriptで取り消し線（打ち消し線）付きのテキストを作成するには、strike()メソッドを使用します。このメソッドは、文字列をあたかも<strike>タグで囲まれているかのように、取り消し線付きのテキストとして表示します。

strike()メソッドの基本構文

string.strike()

引数は不要で、呼び出された文字列を<strike>タグで囲んだHTML文字列を返します。

サンプルコード

以下のコードを実行すると、取り消し線付きのテキストを作成できます。

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

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

このコードを実行すると、ページ上に「Demo Text」という文字列が取り消し線付きで表示され、アラートダイアログにも<strike>Demo Text</strike>というHTMLタグ付きの文字列が表示されます。

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

strike()メソッドは現在では非推奨（deprecated）とされており、最新のWeb標準では使用が推奨されていません。モダンな開発では、以下の代替手段を利用しましょう。

  • HTMLの<del>タグまたは<s>タグを使用する
  • CSSのtext-decoration: line-through;プロパティを適用する

これらの方法であれば、ブラウザ間の互換性も高く、スタイルのカスタマイズも柔軟に行えます。

  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="