DOM

labelタグ

ラベルタグで囲むと中に含まれたinputタグがテキストや画像と関連づけれれる。以下のように記述すれば文字や画像をクリックしてもテキストボックスやチェックボックスがアクティブになる。 <form> <label> 名前 <input type="text" id="name" name="name" size="15"/> </label> </form> 名前 サンプルのコードでちょこちょこ登場しててどんな意…

タグ名をキーにノードを取得する

タグ名をキーにノードを取得するにはgetElementsByTagNameメソッドを利用します。以下が記述例。リンク先のリストを格納する配列を用意し、ページ内のすべてのアンカータグを取得します。NodeListオブジェクトから利用出来るメンバはlength,item(i)です。 le…

ノードを取得するには

DOMを利用したプログラミングには要素の取得が必要になってくるわけですが、大きく2つの方法があるようです ダイレクトアクセス ⇒ID値やタグ名といったキーによって目的の要素を直接取得する ノードウォーキング ⇒ある要素を起点にその子要素、親要素、兄弟…

innerHTML

今日はDOM(Document Object Model)の基本について勉強してみた。ID値をキーにノードを取得するときはgetElementByIdで指定したID値を持つノードを取得し、要素の内容を書き換えたければinnerHTMLを使えば良いらしい。getElementByIdでタグを取得→innerHTMLプ…