JavaScript 記述方法の名前がわからない

Question

前提・実現したいこと

独学でJavaScriptを勉強しているのですが、この記述方法は何という名前なのでしょうか？

見ただけで深く理解できず、何となく使おうとしたらエラーが出るので正式名称で検索して調べたいです。

「以下のJavaScript記述です」の部分です。

ドットで繋げて1つずつ絞る？ようなやり方の名前が知りたいです。

下のコードは見様見真似で書いただけの途中なので、間違っていても気にしないでいただけたらと思います。

よろしくお願い致します。

該当のソースコード

  <div class="box">
    <p name="one" class="choices" onclick="judge(this)">1</p>
    <p name="two" class="choices" onclick="judge(this)">2</p>
    <p name="three" class="choices" onclick="judge(this)">3</p>
    <p name="four" class="choices" onclick="judge(this)">4</p>
  </div>

//以下のJavaScript記述です
var name = document.box.choices.name;

Answer 1

見ただけで深く理解できず、何となく使おうとしたらエラーが出るので正式名称で検索して調べたいです。

このような「documentのプロパティから参照する」やり方自体が、現代のJavaScript環境ではあまりおすすめできません（だから名前も出てきません）。

Comments

[maisumakun]

querySelector、querySelectorAll、getElementById、getElementsBy***といったメソッドで取得するのが妥当なやり方です。

[退会済みユーザー]

ありがとうございます。

教えていただいたメソッドを詳しく調べて使用します。

Answer 2

プロパティのプロパティのプロパティ。