トップ 一覧 ping 検索 ヘルプ RSS ログイン

JavaScript 動的にコントロールを扱うときの変更点

  • 追加された行はこのように表示されます。
  • 削除された行はこのように表示されます。
!!!動的にコントロールを扱うとき、インスタンスが1つしかないとエラーになる
動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが1つになるとエラーになってしまう。
[JavaScript]

!動的にコントロールを追加、削除する場合で、繰り返し処理を行っている場合、コントロールが1つになるとエラーになってしまう。
   //
   // radioMember という ラジオボタンを使用している場合
   // インスタンスが1つしかないとエラーとなる
   //
   for (var i=0; i<document.all.radioMember.length; i++) {
       document.all.radioMember[i].checked = false;
   }

document.getElementsByName を利用すると、常に配列として取得できる。
!document.getElementsByName を利用すると、常に配列として取得できる。
   // 
   // radioMember という ラジオボタンを使用している場合
   // インスタンスが1つしかなくても、OK
   //
   var radiobuttons = document.getElementsByName("radioMember");
   for (var i=0; i<radiobuttons.length; i++) {
       radiobuttons[i].checked = false;
   }
----
{{include_html banner_html, "!Javascript"}}