[JavaScript] 文字を太字にする

投稿日：2016年10月2日更新日：2018年4月28日

JavaScriptで文字を太字にするサンプルです。

サンプル

例）ボタンを押すごとにid="target"要素の文字の太さを切り替える

function changeFontWeight(idname){
  var obj = document.getElementById(idname);
  if(obj.style.fontWeight == "bold"){
    obj.style.fontWeight = "normal";
  }else{
    obj.style.fontWeight = "bold";
  }
}

function changeFontWeight(idname){

var obj = document.getElementById(idname);

if(obj.style.fontWeight == "bold"){

obj.style.fontWeight = "normal";

}else{

obj.style.fontWeight = "bold";

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <p id="target">あいうえお</p>
  <input type="button" value="ボタン" onclick="changeFontWeight('target');" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

<p id="target">あいうえお</p>

</body>

</html>

実行サンプル

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

あいうえお

解説

fontWeightには以下の値を指定できます。

【style.fontWeight】
値	意味
normal	普通
bold	太字

執筆者：とら