1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

DOMの基礎

Last updated at Posted at 2020-07-05

#はじめに
勉強した内容は、DOMに関する内容です。

#DOMとは?
DOM(Document Object Model)とは、階層構造をもったモデルを表します。
JavaScriptでDOMにアクセスして、情報を読み取ったり、書き換えたりすることで、DOMの内容がHTMLに反映されます。
これを「DOMを操作する」と言う。

#DOM操作の一例
1.変化させたい要素を指定する
(例)
document.getElementById('id名')
document.querySelector()
document.querySelectorAll()

2.イベントを指定する
(例)
el.addEventListener(event, callback);
eventの内容は、clickなど
callbackはアロー関数で書く。
() => {}

3.処理を書く
(例)
HTML要素を追加
classを追加

#感想
概念の理解をしていかないとエラーが出て質問したいときにコミュニケーションが捗らないと思うので、Qiitaに記録を残して定期的に振り返りたいと思います。
明日も頑張ります。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?