All DOM selectors NodeList and HTMLCollection | chai aur

Поделиться
HTML-код
  • Опубликовано: 25 дек 2024

Комментарии • 714

  • @kushagrakatiha
    @kushagrakatiha Год назад +221

    Slept at 12....woke up at 3am now its 7.22 watching this playlist since then and can watch it till the end in go........that's the power of a good teacher ❤❤

    • @chaiaurcode
      @chaiaurcode  Год назад +55

      ❤️❤️

    • @RaviKumar-wy9vr
      @RaviKumar-wy9vr 9 месяцев назад +14

      are bhaiya poori neend lo

    • @harshitrautela6585
      @harshitrautela6585 9 месяцев назад +13

      Bhai neend nahi loge puri to kuch bhi yaad nahi rahega

    • @kushagrakatiha
      @kushagrakatiha 9 месяцев назад +3

      Sir ka content yaad na rhe.... it's not the common case bruh 🔥

    • @harshitrautela6585
      @harshitrautela6585 9 месяцев назад +12

      @@kushagrakatiha Arre bhai practical baat kar raha hu, i know sir ka content one of the best hai aur sir ki pedagogy bahut hi jyaada badiya hai, par hammari body ki biology ki bhi limits hoti hai. Sir ne jo content deliver kiya hai uska 100%use to tabhi hoga na jab tum 100% effecient hoge, aur vo aadhi adhuri sleep se possible nahi

  • @arshitcc
    @arshitcc 8 месяцев назад +23

    This 42 min video took 2.5hrs with practicing, coding and making notes. But a lot of curiosity got developed to apply and learn more. Thank You Sir.

    • @HarshRaj-wr4ox
      @HarshRaj-wr4ox 2 месяца назад

      Bhai js ki notes share kr de plz!

  • @vinay619
    @vinay619 Год назад +97

    A lot of new things learnt here Thankyou sir❤
    1.innerHTML: returns all html nodes
    2.textContent : returns all text content
    3.innerText : gives the text in the selected node
    4.querySelector
    5.querySelectorAll
    6.getAttribute
    7.setAttribute

    • @ahussain5026
      @ahussain5026 5 месяцев назад

      innerHTML: returns all html nodes
      textContent : returns all text Content
      innerText: gives the text in the selected node
      querySelector
      querySelectorAll
      getAttribute
      setAttribute

  • @lakshmankumar9228
    @lakshmankumar9228 Год назад +32

    Best video on internet including PAID COURSES and RUclips.
    Thank you sir

  • @whySumitDebbarma
    @whySumitDebbarma Год назад +27

    11:27 adding content
    16:13 querySelector
    23:18 nodeList
    30:43 htmlCollection

  • @uttamchandraketu2816
    @uttamchandraketu2816 Год назад +176

    Never get bored while watching hitesh sir lecture

    • @chaiaurcode
      @chaiaurcode  Год назад +43

      ❤️😁

    • @hemant1772
      @hemant1772 Год назад +8

      mai sir ki ek video kam se kam 2 baar dekhta hu just to understand clearly

    • @LearnerAbhi21
      @LearnerAbhi21 Год назад +1

      @@hemant1772 great...i try to do it..but always fails...and also i become impatient to learn it...i feel like i want this understanding in 1 go itself

    • @hemant1772
      @hemant1772 Год назад +3

      @@LearnerAbhi21 first time try to familiar with concept understand basics
      seconds time code while watching video
      and then without watching any video try to do it on your own

    • @abusufyan1352
      @abusufyan1352 6 месяцев назад

      So how much it takes to cover 1 video?​@@hemant1772

  • @KrishnaAbhale-cn9qy
    @KrishnaAbhale-cn9qy 8 месяцев назад +3

    Small videos hi ok he sir. Hame pata chalta he ki konsa topic practice karke complete hua❤❤❤❤❤ thank you for deeply explain... ❤❤❤

  • @shlokmantri799
    @shlokmantri799 11 месяцев назад +9

    Sir jo log iss cheez ko confuse karte hai aapne simple kar diya thank you!!
    😃😃😃

  • @SarveshKumar-08
    @SarveshKumar-08 Год назад +30

    00:05 Understanding JavaScript and its manipulation of the page
    01:45 Capturing and manipulating elements using JavaScript
    05:19 Accessing elements in DOM using different selectors
    07:02 Get Attribute allows you to retrieve the value of a specific attribute.
    10:26 Understanding DOM selectors and NodeList in JavaScript
    12:08 The main difference between innerHTML and textContent is that innerHTML includes both the visible text and the HTML tags, while textContent only includes the visible text.
    16:00 Understanding HTML collection and querying in JavaScript
    17:38 Using DOM selectors to select elements by ID and class
    21:07 How to select and manipulate DOM elements
    22:50 DOM selectors NodeList and HTMLCollection
    26:43 The difference between QuerySelector and QuerySelectorAll is the type of data they return.
    28:36 Understanding DOM selectors in JavaScript
    32:27 Converting DOM selectors NodeList and HTMLCollection
    34:15 Using DOM selectors in JavaScript
    37:58 Learn to manipulate DOM selectors NodeList and HTMLCollection in JavaScript
    40:00 Handling HTML Collection and NodeList in JavaScript
    Very good lecture on DOM with so much details.

  • @maverickansh
    @maverickansh Год назад +14

    sir hats off to ur clarity in every topic it is immensely helping me right after ur lecture i spend 10 15 minutes io mdn and it becomes crystal clear to me .. god bless u sir

    • @chaiaurcode
      @chaiaurcode  Год назад +4

      That’s the perfect way to learn

  • @i_vishalsah01
    @i_vishalsah01 4 месяца назад +5

    1 saal pruani playlist ha but aaj bhi kayi javascript playlist se better ha sir ji 😍

  • @waseemfarooq5283
    @waseemfarooq5283 9 месяцев назад +2

    Sir, You Are Awesome, The awesome Way DOM manipulation is explained needs a lot of teachers like you.

  • @vipulkumawat7168
    @vipulkumawat7168 3 месяца назад +1

    itne videos dekhe he DOM ke but apka jawab nhi sir jii🙌

  • @jayramkumar2284
    @jayramkumar2284 Год назад +26

    i never ever seen this type of JS lecture. You make complex topic into very simple like sum of two number.
    ❤❤ Love u sir

    • @SaniaKhan-z9z
      @SaniaKhan-z9z Год назад +1

      same here never seen before like this

    • @shashwatshrey9248
      @shashwatshrey9248 Год назад +1

      Exactly! We're so lucky to stumbled upon such a gem javascript series!

  • @asadorakzaipti
    @asadorakzaipti Год назад +2

    I was always confused about DOM but after watching this video, you cleared all my doubts.

  • @CypherX-Sec
    @CypherX-Sec 2 месяца назад +1

    You are amazing sir I am not into development . I am learning web application security . Thanks a Lot man !!

  • @suryakantborad4736
    @suryakantborad4736 Год назад +5

    Chai aur Code is the Best amalgamation of Tech with Tradition. 👌Tradition of Exceptional content delivery by Hitesh Sir.

  • @tgayush1424
    @tgayush1424 10 месяцев назад +3

    bahut zada maza aya , depth me seekhne ko mila , i am studying js from scratch from you , bahut pehle padha tha but not properly.

  • @TheBeast-vy5up
    @TheBeast-vy5up Месяц назад

    anybody can code, if they watch your tutorial. You're truly a gem sir. It's joy to watch you teaching💕💕💕💕

  • @Dev-Phantom
    @Dev-Phantom 11 месяцев назад +1

    very deep discussion about Dom manipulation, Very helpful for interviews. This is the first time i am learning Dom so Deep. The Best Content.

  • @hetalvachhani1178
    @hetalvachhani1178 Год назад +2

    Best explanation for how to handle NodeList and HTMLCollections .... Thank you

  • @MUHAMMADAKRAM-hg1qp
    @MUHAMMADAKRAM-hg1qp 4 месяца назад +2

    you are going to be the most popular teacher . watching from pakistan

  • @mukulsharma6689
    @mukulsharma6689 8 месяцев назад +1

    Quality of the content is top notch.... no other playlist for JS on RUclips, is even near to this playlist..

  • @Alearner-world
    @Alearner-world Год назад +2

    साक्षात दंडवत प्रणाम 😄😄... Really blown out with the knowledge you have and the way of explaining... mind boggling... THANK YOU SO MUCH 🙏🙏

  • @GuruPrasadSS-g1p
    @GuruPrasadSS-g1p 4 месяца назад

    I had vast techno functional experience and wanted to dive back into programming and was finding very difficult to get the right method to get basics / funda's cleared
    This is the best course ever seen on Internet , will be happy to meet you and congratulate you for this !!
    thank you so much and All the best for all future endeavors

  • @Manishsingh-vy4ee
    @Manishsingh-vy4ee Год назад +1

    Best explanation for how to handle NodeList and HTMLCollections .... Thank you so much !!!!!

  • @TasnimulFahim
    @TasnimulFahim 11 месяцев назад +1

    Hey Sir Ji, your video on DOM NodeList was a total eye-opener for me! Playing around with it in the browser console made everything crystal clear. I thought I knew stuff, but your way of explaining just clicked. Sending love from Bangladesh! Your teaching rocks! 💚💚

  • @OmkarDaptare
    @OmkarDaptare 2 месяца назад

    one of the best video on youtube regarding the DOM Manipulation ❤

  • @hemantmaurya3044
    @hemantmaurya3044 8 месяцев назад

    You are best teacher across all the online platform. Easy way of understanding.. best and exact point education..

  • @thecalgarians4597
    @thecalgarians4597 9 месяцев назад +1

    Mind bending video on DOM manipulation.
    Hitesh ji, dhuaan nikaal diya. KUDOS

  • @set1675
    @set1675 3 месяца назад

    Best Video on DOM Selector ever, found best video ever

  • @malik-pureheart3452
    @malik-pureheart3452 9 месяцев назад +1

    Seriously, this playlist now became an addiction for me. Hats off to you Sir💖💖

  • @ujjwaldhiman7129
    @ujjwaldhiman7129 Год назад +3

    Nowdays i am just opening youtube to see whether sir has uploaded any video or not. Thanks for these lecture sir 🥰🥰

  • @aakashsaini9472
    @aakashsaini9472 6 месяцев назад

    litterally amazing series and i just realised that this is the first coding playlist i am finishing super soon before this i have not completed any playlist.
    hoping to complete other also.

  • @Hamza-Pro-Dev
    @Hamza-Pro-Dev 6 месяцев назад +2

    A great effort to teach. LOTS OF RESPECT SIR!❤

  • @rwinstech1018
    @rwinstech1018 5 месяцев назад

    No one explained Dom like this. Thank you very much

  • @adhyajain6171
    @adhyajain6171 4 месяца назад

    the best lecture on dom i have ever seen on youtube

  • @alexdsdebasis
    @alexdsdebasis Год назад

    Dear sir ab apki lectures aur usme apki explanation dekhne ke baad js jaldi se khatam karake ab react dekhna padega. Thank you for making scuh amazing content on RUclips .It is trueley Internet's best js course with a high level of bit by bit explanation.

  • @SunilDas-m2i
    @SunilDas-m2i 4 месяца назад

    Hitesh Sir your teaching concept are suprb and awsome... I became fam of yours programming concept with in 2 classes and their is no unnesscary things except nesscary things you have told in your tutorial videosI which make a coder to write a code in a good way....

  • @CodeCraft_Guru
    @CodeCraft_Guru 7 дней назад

    11:31 Love it - Good Video and Course to learn JS and crack the first job.

  • @Alok.28
    @Alok.28 10 месяцев назад +2

    Bahut hi Behtarin Sir. Dhanyabaad.....

  • @deepakmishra96
    @deepakmishra96 Год назад +28

    Difference between innerText and textContent:
    innerText will only show what is visible on the page.
    textContent will show all the texts even if it's hidden due to any CSS property being applied to the text.

  • @kirtimandwal4143
    @kirtimandwal4143 7 месяцев назад

    I was trying to Learn coding from last 1 and 1/2 year but can't getting the confidence even after paying in coaching centers . But now after watching ur videos i am feeling confident. Thank you so much

  • @animaltoography6348
    @animaltoography6348 7 месяцев назад

    Sir! Love from Pakistan ap jese instructor buhat rare hyn ksm se kamal ho !

  • @avibirla9863
    @avibirla9863 Год назад

    Wowww sir apratim 👍👍maza aa gaya ...aapne query selector pe itne examples karaye k wahi time pe vo concept samj bhi gaya or learn bhi ho gyi 🙏

  • @sanjeebkumarsahoo2460
    @sanjeebkumarsahoo2460 11 месяцев назад

    Really sir you are great . even though i am working since last 1 year but now i got the full clarity on DOM & gain lot of confidence also . Really thank you sir.

  • @VishalSharma-rn7mt
    @VishalSharma-rn7mt Год назад +1

    Awesome, The Best programming teacher, I ever seen

  • @mohammadirfan1856
    @mohammadirfan1856 4 месяца назад +1

    Very intresting Love this course specially this topic

  • @CodeWithSatyamGupta
    @CodeWithSatyamGupta Год назад +4

    thank you sir for this series,
    we want long lectures like this

  • @vaishnavipol2377
    @vaishnavipol2377 9 месяцев назад

    11:27 - how to add content
    difference between textContent and innerText
    textContent => to show all the texts even if it is hidden due todisplay property or css property
    innerText => to show what is visible in on the page
    innerHTML => to show html values(tag, attribute, text)
    16:20 - query selector
    only returns the first element that matches the specified selectors.
    23:15 - query selector all
    returns all node list that matches the selectors

  • @aerospace-oi6ld
    @aerospace-oi6ld 9 месяцев назад +1

    ****IMPORTANT****
    TIME STAMP - 11:29 - { HOW TO ADD CONTENT }

  • @Sidd9450
    @Sidd9450 Год назад

    No one will tell...to such a depth and conceptual clearity....really very good video♥

  • @Fahadkhan-xg4hg
    @Fahadkhan-xg4hg Месяц назад

    buht zabaddast dom explanation top quality free videos thnx u

  • @RahulKumar-tz5ic
    @RahulKumar-tz5ic 7 месяцев назад +1

    Now 1:52 A.M. , and I can sleep peacefully , thank you sir for this series ❤ , ye dekh ke , confidence level high sir🫡🫡

  • @ujjwalssharma8149
    @ujjwalssharma8149 4 месяца назад

    What an explanation ! 🔥 The way you deliver the knowledge is really fantastic

  • @bhanupriyasd1899
    @bhanupriyasd1899 8 месяцев назад

    Thanks a lot sir 🎉 I was struggling to do code in js after html and css ...but this cource made confidence on me ...I hope i will learn all the concepts as much as i can do ...once again thank u sir for giving a very understanding cource ....❤🎉

  • @rajendrakumarsharma674
    @rajendrakumarsharma674 2 месяца назад

    No one can explain DOM like you Sir❤

  • @BossBabe-w9f
    @BossBabe-w9f 9 месяцев назад +1

    How effortlessly you teach bhaiya, your voice is so soothing and I don't get bored even after repeating your videos 100 times. Love your teaching and your hanjii is the sweetest gesture 🥰

  • @dayakardayaa9954
    @dayakardayaa9954 6 месяцев назад

    Thank you sir❤❤❤ no one can match the way of your teaching🤘🫡. Awesome vedio hai. Now I can peacefully sleep after knowing about DOM completely ❤

  • @shreyakolekar4059
    @shreyakolekar4059 Год назад

    Bohot sahi sikhaya Sir :) Ab DOM manipulation ka darr nikal gaya!

  • @sandipan04
    @sandipan04 5 месяцев назад

    A perfect JavaScript resource.
    Thank you so much. ❤

  • @Not_Casual_Not_Anymore
    @Not_Casual_Not_Anymore Год назад +1

    IN MY UNIVERSITY MY PROFESSOR RECOMMENDED YOUR VIDEOS , LOVE FROM GUJARAT

  • @sawerasajid4309
    @sawerasajid4309 11 месяцев назад

    Sir I am not a fan of lengthy lectures but in your case I must say these are just mind blowing .I can watch without getting bored or cheez achy sy smjh ati ha without getting bored such a valueable content .. Love from Pak Sir

  • @supratiksarkar1195
    @supratiksarkar1195 Год назад +2

    wow, a true masterclass in DOM.

  • @Techtoniccreates
    @Techtoniccreates 4 месяца назад

    Love you bhai from Pakistan 🇵🇰. Kamaal ki knowledge d hy ap ny

  • @singhamita
    @singhamita 8 месяцев назад

    thanks for uploading such a high quality content in such a simplified manner !!

  • @muhammadmunsif260
    @muhammadmunsif260 8 месяцев назад

    the way you teach us is amazing and outstanding my dear sir Love from Pakistan

  • @nicestuff2518
    @nicestuff2518 Год назад

    i have seen many videos , but i could not understand ,now i can understand .thank you sir

  • @shubhamaths
    @shubhamaths Год назад +1

    NodeList and HTML collections this 2 topic was very confusing before watching this video. Thank You so much sir ❤❤ for making this too easy to understand. Love from West Bengal ❤.

  • @mohdsultan2023
    @mohdsultan2023 Год назад +2

    finally wait is over thank you so much sir

  • @jameelsikandar
    @jameelsikandar 10 месяцев назад

    Learned DOM manioulation for the first time
    Thankyou Bhaiya

  • @kizoku27
    @kizoku27 7 месяцев назад

    Best of luck Hitesh, perfect lecture it has helped me in my company work too.
    I had to turn the lang for some project and was trying to get a good playlist for JS then one of my colleague suggested your channel.
    Best decision that I started that first lecture and one it’s 30th😇
    Best wishes

  • @arunashinde
    @arunashinde Год назад

    Thank you for the excellent JavaScript series. I'm starting the series. I am very excited to learn in depth.

  • @Bca.Wallah
    @Bca.Wallah 8 месяцев назад

    Hitesh sir Born to bring revolution in Modern Education Era.
    ❤❤

  • @nishanttomer2555
    @nishanttomer2555 10 месяцев назад

    gem of a series. Need more such long videos.

  • @rakhidutta6225
    @rakhidutta6225 Месяц назад

    Very nice video,thankyou
    The last section it was h3 for the headings and you used h2 earlier leading to the confusion

  • @devanshverma3804
    @devanshverma3804 Год назад

    Excellent javaScript tutorial. If someone learns this entire js playlist it will be a cakewalk to master react.

  • @Devharsh007
    @Devharsh007 Год назад

    thank u man for giving me the deep knowledge of frontend development. Even paind courses are not providing so much information. We can also see the amount of hard work you have done for providing these videos. YOU ARE MY IDOL. 😊

  • @itrichasingh2523
    @itrichasingh2523 Год назад +1

    First of all thank you sir for provide this video, I learn a lot of thing and also increase my interest to learn javascript.I want to such as video.

  • @nigamanandajoshi5097
    @nigamanandajoshi5097 Год назад +4

    Namaste sir #1stViewer
    sir i just love your teaching aapse padh k sab mst chamak jata hai
    sir ek chota sa request hai aap Open source contribution kaise karen and how to get a remote job through it pe ek course ya video bana di jiye plzz
    lots of love
    💌

  • @InDCoOk84
    @InDCoOk84 Год назад +4

    One of the best teacher ❤❤

  • @Mani_shkr
    @Mani_shkr 7 месяцев назад +1

    Behind the scene 😁😁

  • @jrahul42
    @jrahul42 4 месяца назад +1

    great explanation, got too much to learn

  • @anubhavtiwari3153
    @anubhavtiwari3153 9 месяцев назад

    11:19 yaha pr bahut interesting start hone wala hai, kyunki ab yaha pr hum dekhenge ki content ko add kiya jata hai.
    22:30 no problem with long lectures sir, if topics can be explained in one long video properly no need to create multiple short videos.

  • @mnojs4558
    @mnojs4558 Год назад

    Please keep videos long Hitesh sir, Same as this one! Your videos are really helping me revise everything about JS - DOM. Going to post this on linkdin once i finish this playlist. Thank you so much❤

  • @AS-mc2db
    @AS-mc2db Год назад

    Zbrdast tutorial..❤ big fan from Pakistan 🇵🇰

  • @Poojapaul-i5y
    @Poojapaul-i5y 3 месяца назад

    Such a great method using Sir for teaching us its amazing

  • @hiphop861
    @hiphop861 Год назад

    Thank you so much bhiya. You are one of the best. first I have heard of DOM in this details

  • @ABHISHEKPOKHARKAR-ii9fb
    @ABHISHEKPOKHARKAR-ii9fb 8 месяцев назад

    basic fundament it will be cleared after you perfrom on console also real website it will be manupliate it will more clear now
    thank you sir

  • @greenrose9245
    @greenrose9245 Год назад

    you are the best when it comes to teaching at least in my case. I had given up on JS before I came to know your channel.

  • @DEEPAKKUMAR-up6tk
    @DEEPAKKUMAR-up6tk Год назад +1

    Thank you so much sir... I love this series. 😇🥰

  • @Abhinav-xq8wo
    @Abhinav-xq8wo 8 месяцев назад

    Your teaching method is awesome sir ❤❤❤ thanku so much sir i m getting too much learn about js🎉🎉

  • @JustDoItForNow
    @JustDoItForNow 9 месяцев назад

    I am just saying Amazing content
    Because others can't be express in words your efforts your teaching style and your everything

  • @vishupratap6382
    @vishupratap6382 7 месяцев назад

    thanksss a lot sir, cant explain the level of gratitude towards you, thanks a lot sir for this wonderfull content

  • @LetsStart-Coding
    @LetsStart-Coding 2 месяца назад

    i just cant stop myself to comment on your videos sir thanks a ton ❤❤

  • @dsouzaedson
    @dsouzaedson Год назад

    11:28 important => discussion about selecting and changing the style and text of elements.

  • @amandani5553
    @amandani5553 7 месяцев назад

    Best Javascript Series Ever🤩

  • @shailajabhagat3120
    @shailajabhagat3120 Год назад

    Your videos are just perfect. Your videos are incresing my confidance in languages. Thanks a lot. Keep doing such amazing videos.

  • @MuhammadKarim-z4h
    @MuhammadKarim-z4h Год назад

    amazing i am new in web development i understanding JS like piece of cake. i am enjoying it

  • @siddhantdash2994
    @siddhantdash2994 Год назад

    First of all thank you Sir for the in depth knowledge you share especially the way you go about a concept and provide end to end solution for that problem... and also please don't stop using 'Hanji..' 😂
    Really appreciate your work