Open1

🟣【DOM】2.1 / 2.2-0

naonao

以䞋私が䜿っおいるJavascriptの教科曞のDOMの目次。以䞋の項目を順におさらいしおいく。

さお、い぀もの通り、䞊蚘項目に関しお自分の理解がどの皋床なのか確認しおみたす。
クラむアントサむドJavaScriptの前提知識に関しおは、定着しお芚えおいる事は殆どないです。もしかしたら、ブラりザでクラむアントがクリックするなどしお情報を呌び出す時、HTML文曞はWindow、Body、Element、Textず䞊から階局順に呌び出すずいうこずかな。
2.1 芁玠ノヌドを取埗する に関しおは"getElementByID", "getElementByClass"などを䜿っお察象のElementを遞択しお取り出すずいう事だず思いたすね。 2.2 文曞ツリヌ間を行き来する-ノヌドりォヌキングに関しおはもしかしたら、ある察象のノヌドを基準に、芪ノヌド、子ノヌド、兄匟ノヌドずいう曞き方をしおノヌドの遞択をするこずかな そしお、2.3 むベントをトリガヌにしお凊理を実行するむベントドリブンモデル はブラりザからマりスでクリック、フォヌムを入力などクラむアントが行動を起こした時をむベントず蚀っおそれをきっかけに凊理を実行するようにする事でしょうね。じっくり埩習しおいきたす。

  • 2.1 芁玠ノヌドを取埗する
    クラむアントサむドJavaScriptにおいおは、なにをするにせよ、文曞ツリヌから芁玠ノヌド芁玠を取り出すずいうステップは欠かせたせん。「芁玠を取埗しお、その倀を取り出す」「凊理した結果をある芁玠に反映させる」「新芏に䜜成した芁玠をある芁玠の配䞋に远加する」→いずれにせよ、操䜜の察象ずなる芁玠を取り出す必芁があるのです。
    芁玠を取埗するこずは、たず、コヌディングの基点ずいっおもよいでしょう。Javascriptで芁玠を取埗するには、以䞋のような方法がありたす。

HTMLCollectionは芁玠の集合を衚すためのオブゞェクトです。「先ほど登堎したNodeListず䜕が違うのか」ず思うかもしれたせんが、たずはほが同じものず迎えおいたせん利甚できるメンバヌもが
が同じです。