JavaScriptの組み込みDOMクラス

DOM要素もまた組み込みクラスのオブジェクトとして表現されます。例を見てみましょう。段落があるとします：

html<p>テキスト</p>

変数にその参照を取得します：

javascriptlet elem = document.querySelector('p');

この段落をコンソールに出力します：

javascriptconsole.log(elem);

次に、この段落のプロパティとメソッドのリストを見てみましょう：

javascriptconsole.dir(elem);

この段落がどのクラスに属しているかを特定できます。そのためには、プロパティリストから特別なプロパティ[[Prototype]]を探します。これを見ると、段落がクラスHTMLParagraphElementに属していることがわかります。確認してみましょう：

javascriptconsole.log(elem instanceof HTMLParagraphElement); // true

Задание 1

次のコードの実行結果を調べてください：

html<div>テキスト</div>

javascriptlet elem = document.querySelector('div');
console.dir(elem);

このタグがどのクラスに属しているかを特定してください。

Задание 2

次のコードの実行結果を調べてください：

html<input>

javascriptlet elem = document.querySelector('input');
console.dir(elem);

このタグがどのクラスに属しているかを特定してください。

Задание 3

次のコードの実行結果を調べてください：

html<div>テキスト</div>
<div>テキスト</div>
<div>テキスト</div>

javascriptlet elems = document.querySelectorAll('div');
console.dir(elems);

結果がどのクラスに属しているかを特定してください。

Задание 4

次のコードの実行結果を調べてください：

html<div>
  <p>テキスト</p>
  <p>テキスト</p>
  <p>テキスト</p>
</div>

javascriptlet elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

結果がどのクラスに属しているかを特定してください。