DOMではHTMLを自由に操れることを紹介してきましたが,ここでは,その仕組みを学んでいきましょう。 ブラウザはHTMLを読み込むと,内部的にドキュメントツリーを構成します。次のHTMLを例に具体的なドキュメントツリーを見てみましょう。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ドキュメントツリー</title> </head> <body> <h1>ドキュメントツリー</h1> <p>HTMLの要素の構造を表します。</p> </
![第2回 ブラウザからHTMLはどう見えているかを理解しよう ~ドキュメントツリー~](https://cdn-ak-scissors.b.st-hatena.com/image/square/bed39b5962a5d552c95b6d796db8f55e72d32943/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fimages%2Fn%2Fxtech%2F2020%2Fogp_nikkeixtech_hexagon.jpg%3F20220512)