Referbruv Profile picture
Dec 10, 2021 9 tweets 2 min read
DOM API provides different methods to access elements in a document ⬇️

#javascript #html #dom
document.getElementById()

returns the element that is identified by the passed Id attribute or null if no element matches the passed Id.

For example:
document.getElementById("emailAddress") returns the element which is identified by "emailAddress"
document.getElementsByClassName()

returns a list of elements in the document which contain the passed className or null if no element matches.

For example:
document.getElementsByClassName("myClass") returns all the elements which have the className "myClass"
document.getElementsByTagName()

returns a list of elements in the document which have the passed tag name or null if none match.

For example:
document.getElementsByTagName("p") returns all the paragraph tags present in the document.
document.querySelector()

returns the FIRST element that satisfies the passed query selector.

For example:
document.querySelector("div.heading") returns the FIRST div that has the class "heading"
document.querySelectorAll()

returns a collection of elements that satisfy the passed query selector.

For example: document.querySelectorAll("li.myClass") returns all the li nodes in the document which have the class "myClass"
TL;DR

document.getElementById()
document.getElementsByClassName()
document.getElementsByTagName()
document.querySelector()
document.querySelectorAll()
That's all for this thread. Retweet the first thread to share! 😁

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Referbruv

Referbruv Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(