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] HTMLタグに独自属性を追加/取得する

HTMLタグに独自属性を追加/取得するサンプルです。 独自属性をセットする場合は .setAttribute()、 独自 ...

[JavaScript] テキストボックスのmaxlength値を取得する

テキストボックスのmaxlength値を取得するには、maxLengthを使用します。 (※HTML5以降であれば、テキ ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 次のコントロールを取得する(.nextElementSibling)

あるコントロールオブジェクトの次のコントロールオブジェクトを取得するには、.nextElementSiblingを使用し ...

[JavaScript] フォーム部品のDisable/Enableを切り替える

テキストボックスやボタンなどのDisable/Enableを切り替えるサンプルです。 サンプルソース 例)ボタンを押すた ...

スポンサーリンク