超！初心者のためのJavaScript講座【 DOM操作の基本 】（要素の取得～簡単な書き換え）

JavaScriptを使うと、HTMLを直接編集しなくてもプログラムでHTMLを動的に操作（テキストの書き換えや、属性の変更、要素の生成・削除など）することができます。
よく見かける、ページをスクロールさせると画像がスライドしながら表示されるようなデザインも、JavaScriptによるDOM操作の一つです。
今回はDOM操作の手順と方法について、基礎の部分を簡単にお伝えします。
※色々なプログラムが出てきますが、それを一つ一つ解説するわけではありません。
今回はあくまでDOM操作の触りの部分がメインとなっております。
＊テキストで解説を読みたいという方は、僕のホームページをぜひご覧ください！
→web-de-asobo.n...
※動画公開後、しばらくしてから記事が投稿されます。
超！初心者のためのJavaScript講座　再生リスト
• 超！初心者のためのJavaScript
超！初心者のためのHTML講座　再生リスト
• 超！初心者のためのHTML
超！初心者のためのCSS講座　再生リスト
• 超！初心者のためのCSS
超！初心者のための画像作成講座　再生リスト
• 画像作成・デザイン
Twitter　→　 / rowaido
#JavaScript #Webデザイン #Web制作

[@すみれチャンネル-e9t]

参考になりました、ありがとうございました！
自分でもDOM操作ができるようになりたいです

[@web-de-asobo]

そう言って頂けてとても嬉しいです！
こちらこそ、ありがとうございます😊

[@yohan322]

vscodeを使ってJSの勉強しているビギナーです。わかりやすい説明で非常に助かっています。
コードを書いている画面の上にてブラウザが出てますがどうやってやってるんでしょうか？？

[@web-de-asobo]

コメントありがとうございます！
動画ではAdobeのDreamweaverというテキストエディタソフトを使っており、Dreamweaverではデフォルトでプレビュー機能が備わっています。
VSCodeで同じようなことをやるには、Live Previewというプラグインを入れると簡単にできますよ！😊
また、簡易的なテストを行いたいだけであれば、CodePenやWeb Makerなどもお手軽でおすすめです！
・CodePen
codepen.io/
・Web Maker
webmaker.app/app/