javascriptのdocument.getElementById("myid").textContentという書き方なのですが

Question

メソッドがgetElementByIdとtextContentの2つあるのではないでしょうか。
javascriptではドットで区切ると、先に書いたものの子要素という扱いになり、getElementById("myid").textContentと書けば「getElementById("myid")」内における「textContent」というように処理されるのでしょうか。

Answer 1

基本の考え方は「オブジェクト.メソッド()」＝「主体.処理()」という記述です。
そしてこの「オブジェクト.メソッド()」という呼び出しにおいて、メソッドが返す値がオブジェクトであるならば、さらにそのオブジェクトのメソッドを呼び出すことが可能です。
提示の例では、documentオブジェクトのgetElementByIdメソッドはElementオブジェクトを返すため、そのElementオブジェクトのtextContentメソッドを呼び出しているということです。
すなわち以下コードを1行で記述しているだけです。

var elem = document.getElementById("myid");
elem.textContent();

このような「オブジェクト.メソッド().メソッド()...」のような呼び出しを「メソッド･チェーン」と呼びます。
メソッド･チェーンをきちんと理解するためには、呼び出したメソッドが単なるリテラル値(数値など)を返すのかオブジェクトを返すのか、またオブジェクトを返すのであればどのようなオブジェクトを返すのかをAPIリファレンスで調べながら学習することが重要になります。

Comments

[yamagata_user]

ありがとうございます。
だいぶ理解ができたと思います。
また学習する中で助けていただけると大変助かります。
このたびは誠にありがとうございました。