HTML Element Selectors In JavaScript | JavaScript Tutorial In Hindi #14

[@shresthaa8005]

I have completed C, Html, CSS, and Js in one video as well. you have cleared all my doubts. Thankyou.

[@ajazamin9843]

kuch zyada nahi hua

[@DTPHAMANKUMAR]

@@ajazamin9843 She is Papa ki Pari .She can do Anything😂😂😂😂

[@abulkalamasif1270]

@@DTPHAMANKUMAR 😂😂

[@safaridi0786]

good

[@sushilprajapati2234]

great explanation of the element selector ....

[@danishrajvala9684]

I must say that this JavaScript playlist is the best, we are really lucky that we are having this content for free, and from the great dev like you sir, I have tried many courses and institutes like Aptech but what you are teaching is more advanced and understandable just because of your teaching styles and hard work, I'm thanking you from the bottom of my heart for everything you have given to us, highly grateful to you and I appreciate your efforts, may God always keep you in his shelter where you keep achieving the success and may your good dreams and wishes come true. Kinds regards Danishraj love from Pakistan love you : )

[@rahultirkey7950]

*Thanks.* you cleared my doubts. You deserve more subscribers. Don't stop making tutorials.

[@adigul8264]

May you live long i love your teaching style. Love you😘😘😘😙😙

[@rajnisaini4195]

Thank you so much sir. your videos are really helpful, well explained and understandable .

[@shresthaa8005]

harry bhai it would be more better if have practice sheet in the tutorial as well

[@tushar2627]

harry you are really amazing man your teaching style is soo nice thanqq for teaching us :-)

[@safaridi0786]

good

[@mdmatiurrahman7373]

best teacher ever.....

[@rishabhdarji6818]

4:00 if anyone is getting their result as null, just to one simple thing. Cut this from header and past it just above . Your problem will be solved ;). Because when we put in the header the JS code gets loaded pretty quickly it may be not ready at that time, and by keeping it just above the JS code will get pretty much time to get proper load and our problem will get resolved.

[@mokshpatel9783]

thanks bro I was stuck their i really appriciated you

[@ShubhamKumar-og5tm]

thanks bro for the help

[@hamzahbanday8956]

you're a saviour bro...

[@seztechnicalanalysis1674]

Thank you brother

[@hukumyadav8688]

Thanks Man, You gained my respect :D

[@passiveBhai]

for style multiple element at once let a; a = document.querySelectorAll('.child'); Array.from(a).forEach(function (element) { element.style.backgroundColor = 'black'; element.style.color = 'white'; })

[@X40Gaming]

Console.log bhul gye 😂😂😂

[@parthapaul4306]

we can use loops to print the elements

[@vinayaksharma-ys3ip]

Thank You Harry Bhai!!!

[@manojpatil2457]

When I select 'div' by queryselector('div') and then style it styles the entire texts in the 'div class =container' and it turns green and not just ' Welcome to code with harry'

[@FlashGaming2018]

That is because if you notice carefully, the html that harry created in the video has one div inside the body which the first div. All the h1 and other contents are inside that div. Now since document.querySelector('div') targets the first div in the document, therefore all other items also turn green because they are all contained inside the first div. Hope this helped! Happy Coding!

[@manojpatil2457]

@@FlashGaming2018 Thank you yeah I got it after rewatching video .. Thanks for your response..

[@ashishkaramchandani4247]

Best teacher Bhai please java ke tutorial le aao Like jisko java ke tutorial chahiye

[@arindamdutta7369]

sir how to make money step by step after seeing your videos . thoda roadmap dijie Please

[@prashantchauhan2426]

thank you sir... love uh..

[@learnandearn9620]

hello bhai

[@aaryan9599]

I am truly saying that you are the best !!!!

[@pranjalgupta9427]

Thanks, bro..

[@prayagbhimani3474]

Really you made it easy man !

[@alsaqercos9945]

Great hai Sir

[@MIdWay1]

Thanks sir

[@learnandearn9620]

hello bhai

[@megawatt6699]

you are great bro

[@sumansaha9824]

Harry Bro please python Django API's ke uppar video series banao please and thanks for this wonderful tutorials..... Ho sake to please reply karna ....

[@natural_world_creation6982]

Very helpful video 👍

[@moviehook9981]

Thanx Harry

[@ziyakhan4672]

keep selected dependent dropdown by database after submit

[@bug244]

Harry is very GOOD boy

[@debjitpal9598]

In the line number 23 --- "When you enter sel.style.color ='green' " not only heading is green childs are also green but why ? as we are reading single line selector

[@Karthik-kt24]

Thank you very much bhai

[@amjadhussain3258]

just masterpiece

[@alekhbhainsa4690]

Very interesting video...thanks Harry Bhai

[@satishbaghel7678]

Sir please node is ke bhi tutorial banaiye please

[@msbasera]

Thank you bhai ❤️

[@gabbarsingh6562]

For Future Reference: let element = document.getElementById("myfirst"); element.className; element.childNodes; element.parentNode; element.style.color="red"; element.innerText="Harry is a good boy"; element.innerHTML="Harry is a good boy"; let sel = document.querySelector('#myfirst'); document.querySelector('.child'); document.querySelector('div'); let elems = document.getElementsByClassName('child'); console.log(elems[0].getElementsByClassName('child')); getElementsByTagName('div'); 13:35 - converting HTML collection into Array

[@anuragsharma3256]

Excellent explanation, big fan!!

[@ruchiray8557]

Amazing explanation

[@shahmirnazir1902]

Sir koe website bta dein jahan sy humein sare properties mil jaen you told in this video.

[@Jai_Shree_Ram____469]

Code with Harry website

[@tech_with_rahul]

thank you brother

[@rishabhjain911]

thankuu. Meoww

[@creationofislam]

Please make a video about bash ...sehll language

[@hemantagrahari4298]

Useful lecture

[@rajbannasa7662]

thank you so much sir

[@shubhamsharma-ro2gr]

Awesome video

[@engineerbhai7642]

Excellent video

[@ayazaamur]

You are the best teacher Harry Sir

[@maheshsonsale1241]

Uncaught TypeError: Cannot read property 'style' of undefined

[@time-is-dead]

Bro use ` this symbol and work only on div

[@AnitaGupta-zs2el]

Can uh plz explain properly its still showing uncaught error

[@ShubhamKumar-og5tm]

cut the script tag and paste it just above the closing body tag. It will work

[@sagarhaldar7559]

Thank you 💝

[@asadstech4879]

hatts off harry bhai..... keepit up love from pakistan

[@__BrijeshPatel]

hi harrybhai Uncaught TypeError: Cannot read properties of null (reading 'style')

[@princesukhala7106]

Done done again

[@shubhamjain164]

What is the difference between document.getElementById and document.write I am having different outputs when using this on loops

[@rohanthapa5790]

document.querySelectorAll(); yeeh wala bhi toha hae nah ??

[@sahinurislam7247]

nice

[@devashishnigam5971]

What is the difference between parentElement and parentNode? console.log(document.getElementById("child1").parentNode, "parent node"); console.log(document.getElementById("child1").parentElement, "parent element");

[@Jadon09]

Nice video

[@ajazamin9843]

05:16 sir why you had same div with two ids first id = 'myfirst' and then id = 'first' its confusing.

[@supriyakore2379]

*Thanks *

[@RoshanKumar-xs9yx]

Tq sir...

[@mohdamir3767]

Array.from(document.body.getElementsByTagName("p")).forEach(function(ele){console.log(ele.innerText)})

[@jassrajput890]

now getting interested

[@gaurabgogoi2848]

need help, I am creating a table, I want to show the table, and from each row, there will be a edit button, so how to use that edit button in each row, for different person's data. how to do undefined table's getElement, I mean please help

[@ishtiaqahmad4118]

Good explained I.A.Siddiqui Karachi

[@taranjeetsingh3629]

Sir what do u mean from access the playlist?

[@shubhamh7451]

Dekho pura playlist, bass

[@kushjaiswal9364]

Sir plz make c++

[@JustForProgrammers]

Best Bro

[@atharvthombare2963]

Harry bhai getelementbyid ki output null aa raha hai Plz solution 🙏🙏 Btw video is fantastic

[@prakharrana8384]

script ko head m add maat kro body m kro nhi ayega null

[@apurvesrivastava5597]

document.querySelector('.someid') giving me null in console but if i am using class name after dot it is giving me that element in console and getting same result with #someClsName

[@SuryanshSingh-f8d]

Luv uh bruh😘😍

[@uttamsharma1859]

Sir when i use let it gives unexpected identifier error and when i use const it doesn't give ??

[@countryball-orgn.]

How to use childnodes

[@manantyagi6905]

love to learn

[@Babarkhan-qo1jx]

any one can explain me why we use JavaScript to change things in our css? we can change it directly from our css?? why we use this selector to change our css??

[@nishantprajapati9974]

harry bhai itni language ati h apko or apse syntex bhi mix nhi hote kyu?

[@lovelife-xm2xj]

How to change inner html content dynamicaly

[@muhammadhamza1073]

sir g yha tak ham chezen dakhi but ye smjh nai arha k ye web main inak kia use ha

[@nidhi8775]

Failed to load resource: the server responded with a status of 404 (Not Found) pls help me with this error i have my files connected properly.

[@artistnahiart3728]

solution vdo kahan hai?

[@maheshsonsale1241]

Uncaught TypeError: Cannot read property 'style' of undefined please tell about this

[@enthoharsh7403]

same problem with me !

[@ujjwalkumar9216]

Use window.onload= function() { Your code } This will solve your problem. It was happening with me too.

[@pawankohad6702]

put , before tag

[@mayurikale5134]

I would like to see you on Sundeep maheshwari stage..

[@saadzafar2390]

I have only one script tag in my html file. But document.scripts is consoling that I have 2 scripts ? Why ?

[@muhammadsheryar9329]

where can i find practice questions?

[@rimeshsapkota7335]

let element =document.getElementById("print").innerText="Email format is matched"; element.style.color="pink"; css is not working why???color of text is no changed when i used above code

[@mayankjaiswal1492]

try element.style.color='red' (not red)

[@surajpatil3247]

let element = document .getElementById("myfirst"); ->>> it returning null value. why?

[@akash-lz2dq]

mila bhai solution ?? mera bhi yhi aaa rha hai

[@VikasKumar-fw2fo]

Sir mere laptop may query. Selector nahi chll raha baar baar error show krr raha hai can you tell me about problem of solution

[@anjalimoon619]

sel= document.querySelector('div'); sel.style.color= 'cyan'; console.log(sel); aisa krne pe mere baki div ke v color change ho rhe hain.

[@anjalimoon619]

sir please meko thoda clear kre qki jb aap v kr rhe ho toh usme v baki div ke v color change ho rhe hain .

[@mihirkumarsrivastava9389]

@@anjalimoon619 exactly same question here, did you get the answer please reply.

[@bhavingadhiya3844]

All turns green

[@Sanjeev8880]

@@bhavingadhiya3844 becoz all the div is inside the

[@Sanjeev8880]

@@anjalimoon619 becoz all the div is inside the

[@darshkarmarkar540]

Hiii sirr I am getting this error while running the javascript code in the console Tut16.js:41 Uncaught TypeError: Cannot read property 'getElementsByClassName' of undefined at Tut16.js:41

[@pawankohad6702]

put , before tag

[@amolchopade7649]

Why i get this error [HTTP/1.1 404 Not Found 0ms]??

[@ShivaSingh-gg1yx]

i am not getting output in console after writing let element = document.getElementById('myfirst'); console.log(element); O/p in console is 'null' why is this happening? if you know please let me know

[@ShivaSingh-gg1yx]

yes i have already created 'myfirst' id in html file

[@xcr6436]

Use myFirst instead of myfirst.

[@dilipsunar99]

Why is mine showing undefined in the console .. please reply

[@sagarhaldar7559]

show me the code

[@dilipsunar99]

@@sagarhaldar7559 done bhai 😊 but I need to using the console itself and not the text editor 😊Thanks for the concern

[@rajalgi6039]

Bhaii live server nahi chal Raha hai .js file mein

[@milanbehera509]

bhai...jab v mein document.getelementbyId(myfirst); likhta hun tab console mein *null* show kyun kqr raha h?

[@nishantprajapati9974]

myfirst ko quotes m likho

[@godupliftsyou5426]

Sometimes application need some time interval to load webpage, Please follow below code, setTimeout(function(){ let element = document.getElementById('myfirst'); console.log(element); }, 2000); Hope it should work for all !!

[@sohilpathan7168]

@@godupliftsyou5426 it worked bro thank you so much!!!

[@jaydesai1176]

@@godupliftsyou5426 But Why Bro ? Why we can not use only document.getElementById('something');

[@achainsanei4714]

bhai me ne ap ke video Facebook whatpp pe shere kar diya

[@karanval5268]

Can anyon explain 14:13?

[@ashishsahuT]

👌👌

[@karanval5268]

Sorry, I forgot, what was foreach?

[@life2hell7503]

Sir xampp use nhi ho pa rha h uski vjah se mai aage Ka kaam nhi kr pa rha hu kya kru

[@saulgoodman9405]

as a non css user, it was really hard to understand this tutorial.

[@NipunRawat08]

sare div green hue hai isme

[@sohilpathan7168]

sir whenever i am typing let element = document.getElementById("myfirst"); it showing null in console why????

[@jenilgandhi9941]

koi problem hoga typing me id me myfirst ka synatx check kar lo

[@soumitrosaha8793]

I also faced the same problem and could not get what is the problem is. And I’m gonna make sure that there were no typing or syntax errors but the problem is not fixed. Does anyone have any suggestions regarding THIS issue?

[@desmondmiles8474]

"myfirst" ko "myFirst" try...reply if it solves the problem... let element = document.getElementById("myFirst");

[@sagarhaldar7559]

console.log(element); ye karlo , fir ayega sab kuch..

[@pawankohad6702]

put , before tag