見出し画像

要素やidの操作方法

セレクタの操作

document.querySelector("h1")

document(ドキュメント):DOMを扱うオブジェクト

querySelector(クエリーセレクタ):要素を取得する方法


id属性の2つの操作

1つ目

document.querySelector("#title")

#を付け指定する方法


2つ目

document.getElementById("title")

getElementById:id属性を指定する方法。#がいらない。


複数の要素を操作

document.querySelectorAll("h1")[0]

querySelectorAll:Allと付け、大括弧の中に何番目の要素か指定する。

 *指定がないと最初の要素のみ操作される!





この記事が気に入ったらサポートをしてみませんか?