DOMは、HTMLの<html>や<body>がJavaScriptのファイル(自分はmain.jsなどにしますが)
内で表示しようとするとDOMツリーなるものに自動的に変換されるということ。
document.getElementById(“list”);
これはDOMツリーの方を見て、
id名もDOMツリー側に変換されているのでそちらから呼び出そうとしている。
document はHTMLでいうところの <!DOCTYPE html> ではありません。
document はJavaScriptのオブジェクトで、現在の文書(HTML文書)を表しています。
DOMは、この document オブジェクトを通じてHTML文書を表現し、JavaScriptでその内容にアクセスや変更を可能にします。
document.getElementById(“list”); は、documentオブジェクトから指定されたid属性を持つHTML要素を検索し、それを返すメソッドで,
これにより、JavaScriptでHTMLの特定の要素にアクセスしている。