はてなブックマーク

はじめに 本記事では、JavaScriptでDOMツリーからHTMLの要素を取得する方法についてまとめていきたいと思います。 JavaScriptの初心者向けな内容あとなります。興味のある方はぜひ見て頂けると嬉しいです。 DOM、DOMツリーとは DOMツリーからHTMLの要素を取得する方法を書いていく前に、簡単にDOMとDOMツリーについて触れておきます。 DOM（Document Object Model）とは、HTMLを解析してデータを作成する仕組みのことです。 HTMLやCSSがユーザーに閲覧されるまでの流れはご存じでしょうか。 HTMLファイルは単なる文字情報なので、そのまま表示してもユーザーにとって見にくいです。 その為、HTMLを解析してCSSやJavaScriptによる装飾を行った後に画面に映しています。 これを行っているのは、Googleやsafariなどの「ブラウザ」で