[JavaScript] 横位置を指定する（style.textAlign）

投稿日：2016年10月29日更新日：2018年5月3日

JavaScriptで横位置を指定するには、style.textAlignを使用します。

サンプルソース

例）ボタンを押すと、左/中央/右寄せにする

function chgAlign(idname, str){
  var obj = document.getElementById(idname);
  obj.style.textAlign = str;
}

function chgAlign(idname, str){

var obj = document.getElementById(idname);

obj.style.textAlign = str;

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="text" id="target" value="hoge">
  <input type="button" value="左寄せ" onclick="chgAlign('target', 'left');" />
  <input type="button" value="中央寄せ" onclick="chgAlign('target', 'center');" />
  <input type="button" value="右寄せ" onclick="chgAlign('target', 'right');" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、左寄せ/中央寄せ/右寄せになります。

解説

.textAlignに文字列として'left'、'center'、'right'を指定すればOKです。

執筆者：とら