takahiro01 https://blog.hatena.ne.jp/takahiro01/ web制作のしおり https://manablo.hatenablog.jp/ DOMとは DOMとはDocument Object Modelの略で、文書を操作する為の取り決め。 JavaScript(プログラム)でHTMLを参照したり、操作したりする為の仕組みと言えます。 ようやく、「JavaScriptでwebサイトに動きをつける」と「今までの基本学習」が繋がった感じがしています。 実際のテストは、ブラウザ上で簡単なHTML/CSS/JavaScriptを書いて実行できる「JSFiddle」というサービスを使います。 それではDOM操作について整理していきます。 HTML文書を操作する 例えば、JavaScriptに document.getElementById(… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmanablo.hatenablog.jp%2Fentry%2F2022%2F09%2F20%2F223535" title="20.DOM操作とは ～JavaScriptでHTMLを自由に操作～ - web制作のしおり" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/takahiro01/20220920/20220920105750.png Hatena Blog https://hatena.blog 2022-09-20 22:35:35 rich https://manablo.hatenablog.jp/entry/2022/09/20/223535 1.0 100%