JavaScript

[JavaScript] 文字に下線/上線/取消し線を引く

投稿日:2016年11月2日 更新日:

JavaScriptで文字に下線/上線/取消し線を引くには、style.textDecorationを使用します。

サンプルソース

例)ボタンを押すごとにid="target"要素の下線あり/なしを切り替える

実行サンプル

ボタンを押すと、下線/普通が切り替わります。

あいうえお

解説

上線や取消線などを指定したい場合は、以下の値に変更してください。

【style.textDecorationの値】
意味サンプル
none装飾なしあいうえお
underline下線あいうえお
overline上線あいうえお
underline overline上下線あいうえお
line-through取り消し線あいうえお
underline overline line-through上下線+取り消し線あいうえお

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 値の比較について

JavaScriptで値の比較をする場合に「==」を使うときは注意が必要です。 「==」での比較サンプル 「==」での比 ...

[JavaScript] 指定した年月の最終日を取得する

指定した年月の最終日を取得するサンプルです。 サンプル 例)2016年2月の最終日を取得する [crayon-5c6b8 ...

[JavaScript] コンソールで処理時間を計測する(console.time、console.timeEnd)

コンソールで処理時間を計測するには、console.time~console.timeEndを使用します。 サンプルソー ...

[JavaScript] 配列内の要素を範囲指定で取り出す

配列内の要素を範囲指定で取り出すには、sliceメソッドを使用すると簡単に取り出せます。 サンプルソース 例)配列内の要 ...

[JavaScript] 値が小数値であるかどうかチェックする

値が小数値であるかどうかチェックするサンプルです。 サンプルソース 例)引数に渡された値が小数値フォーマットである場合は ...

スポンサーリンク