More than 3 years have passed since last update.

【javascript】要素を取得して操作するときに気をつけること~備忘録~

Last updated at 2021-08-23Posted at 2021-08-20

getElementByIdばかり使っていて、その他のgetElementsByClassName、getElementsByName等を使う時に少し注意する点がある。

id属性を取得するやり方は、getElementByIdとelementが単数であるように、その直後に関数をくっつけるだけで良い。
例えば、

getElementById('hoge').setAttribute('disabled', true)

と書けば良い。

だが、getElementsByClassNameやgetElementsByNameはelementsと複数形であるように、その直後にはどの要素かを指定する必要がある。仮にその要素が1つだけだとしても。
例えば

getElementsByName('hoge')[0].setAttribute('disabled', true)

と書く必要がある。