0
1

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 3 years have passed since last update.

~ChildプロパティをquerySelector/querySelectorAllで取得した値に使えるか

Posted at

はじめに

JavaScriptのDOMの勉強をし始めて、Elementと名の付くプロパティが使えたり使えなかったり大変だなあと感じています。
取得の仕方がとても重要そうなことを理解したので、今回はdocument.querySelectorとdocument.querySelectorAllで取得できるデータの形と、それぞれにNodeオブジェクトのプロパティ「.firstChild」「.lastChild」が使えるか試してみました。

結論

①document.querySelectorで取得(Elementオブジェクト)
→first/lastChildプロパティ利用可
➁document.querySelectorAllで取得(NodeListオブジェクト)
→first/lastChildプロパティ利用不可
ちなみに、
③getElementByIdで取得(Elementオブジェクト)
→利用可
④getElementByTagName/ClassNameで取得(HTMLCollectionオブジェクト)利用不可

利用可の①と③はどちらもElementオブジェクトとして単一の要素を取得するようですね。

#感想
傾向的に複数の要素を含むような取得の仕方をすると、使えなくなるプロパティが増えるようです。前回の記事↓
classやタグで取得したデータにgetElementsが使えない件

0
1
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?