innerHTMLを使ってラベルを変更する

久々の投稿です。
10月はネスペ受けたり、Hardeningに参加したりと
イベントごとが多くて充実してました。
そのことはまた別記事で書きます。
最近、フロント側も触ることが多くなったのでちょっと勉強中です。

Slim(Rails)とかで特定の操作が行われたらlabelを変更したい時とか

.control-group.pull-left
  label.control-label
    | プルダウンメニュー
  .controls
    .input-group.input-group-sm
      = select :search, :pldownmenu, PLDOWNMENU.invert, {:selected => @pldownmenu}, {:class => "form-control", :id => "pldownmenu"}

.control-group.pull-left
  label.control-label
    = label :name, 'hogehoge', :id => "change_label"

javascript:
  $(document).ready(function () {
    change_label = document.getElementById("change_label").innerHTML;
    if ($('#pldownmenu').val() == '3') {
      document.getElementById("change_label").innerText = "ほげ！";
    }else{
      document.getElementById("change_label").innerText = "hogehoge";
    }
  });

おしまい。

Menu

innerHTMLを使ってラベルを変更する