質問: **<課題>** JavaScriptを勉強しています。 ``` [hoge.js] document.form1.text1.value="hoge" ``` と記述すれば、 ``` [hoge.html] ``` というhtmlファイルのテキストボックスに"hoge"と表示できました。 しかし、"form"タグを"div"タグに変えた場合、例えば下記のような場合、 ``` [hoge_error.html] ``` テキストボックスには何も表示されません。 **<知りたいこと>** formタグなら良いということはわかりましたが、これはどういう決まりなのでしょうか。 他のタグ、例えばpタグなど数多くあるタグのうち、何が良くて何はダメなのかがわかりません。 そしてそれは、どこをどんなふうに読めばわかるのでしょうか。 中身は教えてくださらなくて構いませんので、公式リファレンスの該当ページと、そのリファレンスのどこをどう読んで解釈すればよいのかが知りたいです。 つまり、 **他のエラーが発生した時も自分で調べられるようになりたい** ので、できればその方法を教えていただけないでしょうか。
回答: `document.名前`で取れるのはフォーム系の要素だけで、しかも**古いやり方**です。 今なら、以下のようなメソッドを使うやり方が主流です。 * `document.getElementById`...`id`属性を基準に検索(これは1個だけ取れます) * `document.getElementsByClassName`...`class`属性を基準に検索(指定したクラスに属するものが全部取れます) * `document.querySelector`/`.querySelectorAll`...CSSと同様なセレクタで検索(`All`なしは最初の1つだけ、`All`ありは全部取れる)