Lecture 7 : DOM (Part 2) | Document Object Model | JavaScript Full Course

[@Asadneon]

Didi wow I am noticing from the first lecture "you are so Intelligent and unique" yes have beautiful face and a beautiful way to deliver a lecture i am so impressed from you didi

[@abhirambright]

thank you for this series of lectures , this is helping me understand programming in general also Javascript (mine is a non IT background) , but currently working in IT. You are doing an amazing job, please continue the same. God Bless !! ..

[@Paradoxgaming607]

kon kon chahta hai ki REACTJavaScript ka full course aaye ?? Like karo taaki didi ko pta chale 👍👇

[@AlishaKhan_26]

You are providing the paid course in free... Thanx a lot di❤

[@313.abdulrehman]

thanks*

[@altamash_sayz]

Right 😊

[@dipanshuraj7868]

😂😂 it is for beginner level If you want to become good in JavaScript You take alpha, beta, gamma batch😁

[@LegendMovies_9]

@@dipanshuraj7868 😂 not really bro you can also access pro level javascripting from your self learning attitude and resources 👻

[@ranatariq8638]

I learned DOM from different channels but concepts ware not clear know learning from this platform i learned a lot.... Well done didi

[@arshuarshad1551]

same I start js from CWH he doesn't clear the concept and knowledge of DOM than i come to Shraddha Bhabhi

[@chetanrathore2557]

Hey didi ! You are doing a great job. Please start a React series after this.

[@sanjeevrawal4097]

Please make a series on React

[@Sargun_378]

Hlo

[@SmartStudy-sp9uy]

00:01 DOM (Document Object Model) is an important concept in JavaScript. 01:59 Accessing attributes using DOM methods in JavaScript 06:31 Accessing and manipulating the inline style of an element in JavaScript. 08:36 Changing CSS properties using JavaScript 12:56 Adding and positioning elements in the DOM using append, prepend, before, and after methods 15:04 Adding elements to the DOM using JavaScript 19:02 Creating a new button element and styling it 21:09 Adding styling to elements using JavaScript 25:03 Using class list to add and remove classes in JavaScript 26:54 Adding and removing classes in DOM allows for dynamic styling of elements.

[@muje_dund_rahe_ho]

pucha kisine

[@AshishPandey-d3j]

​@@muje_dund_rahe_ho😂😂😂

[@DancingRain_1997]

@@muje_dund_rahe_ho bhai time bacha rha h vo un logo ka jinhone inme se kuchh topics phle se ate h to

[@abhishekraj9827]

The best ever lecture for DOM. Thanks shraddha di.

[@a_man404]

I can't tell how happy i am about this javascript series😢 Tooo much love for your channel ❤ from students like us.

[@khandani6044]

iam tooo o waited from one year for this series ✨

[@SuperHitTuber]

Great 👍 work Shraddha ma'm. Keep it up and continue your series. I am very excited 😊

[@vishanagori22]

thank you didi🌺. we want react series also after this series.

[@Razzaq69]

Didu, QS2 if we don't use classList, we can do it as below and it will also work fine as well...!🤠 1. access the paragraph let para = document.querySelector("p"); 2. add all the classes by separating them by a space para.setAttribute("class", "content newContent"); note: newContent is my new class name! Thanks for these tutorials 🥰

[@shubhanshubhan1419]

i complete DOM1 & DOM2 in 6hrs with 100% efficency and we developed each code and completed question Practice and make notes thankyou so much Sharadha didi

[@kunwargupta]

could you provide your notes please?🙏🙏

[@TechBalu]

00:00 Introduction 00:50 DOM Manipulation 00:53 Attributes 05:34 Style 10:28 Insert Elements 17:47 Delete Element 18:15 Let's Practice

[@RehanAliArman]

DOM is one of the best part I liked

[@kajalnemade2566]

Reallyyyy Thankuuuuuu soooo muchhhh...a lot's off itna clearly kisine nhi sikhaya pehli bar itna achhe se Sikh rhi hu..😊❤

[@ronakparjapati2264]

Mam I am continuously present ✋ in your lecture number 7

[@subornodebbappon2613]

Best JS teacher in the entire KZbin!

[@tulshikumar7394]

श्रद्धा मैंम श्रद्धा सरस्ती माँ की जय,🙏🙏🙏🙏🙏

[@zohaibmanzoor3173]

Thanks a lot Didi for Delivering such a interesting and Quality learning material even for free... Love from Pakistan

[@mdshehabsarar]

she got a small library in her room. that is the reason why she is so knowledgeable.

[@visitor_t-w3p]

Loved it totally...You just made it very easy to understand..

[@sandeeptanjore1253]

Once again an incredible session by Shradha. I have always struggled with DOM but you explained it so nicely. I was able to understand and solve the 1st problem myself. Thanks a lot dudette!

[@saketjaiswalSJ]

she is god or wott salute to her 😎😎

[@subhankarpatra6279]

Thank you shradha didi for this great course 🙏

[@Suraj-qs4ym]

REGULAR WATCHING YOUR VIDEO LOVE FROM इंडीया थँक्यू वरी MUCH FOR THISE VALUABLE COURSE

[@sheetalsharma1675]

Thanks Aman Bhaiya And Didi for making best js..vedio

[@harendrasingh6027]

Shabas meri shrada madam badiya samjh aa raha hai.

[@okay-tp7vc]

00:01 DOM (Document Object Model) is an important concept in JavaScript. 01:59 Accessing attributes using DOM methods in JavaScript 06:31 Accessing and manipulating the inline style of an element in JavaScript. 08:36 Changing CSS properties using JavaScript 12:56 Adding and positioning elements in the DOM using append, prepend, before, and after methods 15:04 Adding elements to the DOM using JavaScript 19:02 Creating a new button element and styling it 21:09 Adding styling to elements using JavaScript 25:03 Using class list to add and remove classes in JavaScript 26:54 Adding and removing classes in DOM allows for dynamic styling of elements. Crafted by Merlin AI.

[@babarbobybabar-zj4pl]

The removeChild() method of the Node interface removes a child node from the DOM and returns the removed node. The appendChild() method of the Node interface adds a node to the end of the list of children of a specified parent node.

[@AtforYou-o8v]

Thank you so much mam for giving us premium content for free ❤

[@ShivamSharma-f7u]

You are providing the paid course in free... Thanx a lot di❤

[@MasudRana-u2v]

love from Bangladesh💗❤

[@mukeshsalgar8476]

Great Didi this series is really really amazing. Please gives us complex Tasks for this all 🥰

[@SKCodingCentre]

The best js course for all students ❤❤❤

[@MuhammadBilawal-j6z]

MA SHA ALLAH ! you are doing a good JOB

[@DharmikKathiriyaOfficial01]

❞❝ मम समयं वृथा कर्तुं न रोचते। अहम् केवलं तान् एव इच्छामि ये व्यवसायिकाः सन्ति, स्वकार्ये तथा लक्ष्यम् प्रति समर्पिताः सन्ति। ❞❝ ⚡1%∞. . .

[@manjeettyping7979]

18:20 My Code let buttoncreate = document.createElement('button') buttoncreate.innerText = 'Click Me' buttoncreate.style.backgroundColor = 'red' buttoncreate.style.color = 'white' document.body.prepend(buttoncreate)

[@kartikeysrivastava4233]

didi need to hesitate of acquiring mastery in flawless teaching.....agar microsoft mei chali jaati toh humara kya hota!!! sahi khel gye aman bhaiya !!!thankyou

[@Rajput.samaj-bh9uw]

गीता से ज्ञान मिला !! रामायण से राम !! भाग्य से हिंदू धर्म मिला !! और किस्मत से हिंदुस्तान मिला !! 🚩जय श्री राम🚩

[@313.abdulrehman]

jai monkey monkey

[@asmfiroz6557]

Apa ,ypur pronunciation of `zindagy` word is just awesome. {javascript zindagy and um zindagy).it's similar like 'metors' tv ad...

[@Technical_Ved]

Didi aapke padhane ka tarika bott pyara h ❤❤

[@Fight011]

Bro she deserves more likes fr(video dekhte hai magar like karna bhul jaate hai sab)🥹

[@SaurabhRajput-n6s]

Hey! You are doing a great job. Please start a React series after this.

[@umeshwaykar1467]

You are best Teacher

[@maizaomer5371]

God bless you dear, you done amaizing job,

[@Coding_contents]

Excellent course didi❤❤

[@naqeebullah900]

Plz ma'am typescript Ka course upload Kar den,Hindi me ap Kay course bhot achy hoty Hy,asani sy Samj aty hyn,bhot shukria ❤

[@alinaeem9156]

thank u so much madam too good lecture may god bless u love from pk

[@sw.reations9360]

thanks mam for a wonderful sessions 😍

[@manjeettyping7979]

second question solution video range in 24:43 let targepra = document.querySelector('p') // console.log(targepra) targepra.classList.add("newClass")

[@TitanGhee]

remove vs RemoveChi;d Syntax: removeChild requires both the parent element and the child element to be specified. remove is called directly on the element you want to remove, and it doesn't require specifying a parent. Return Value: removeChild does not return the removed child node. remove does not have a meaningful return value. Usability: removeChild is more suitable when you have a reference to the parent and child elements. remove is more concise and convenient when you already have a reference to the element you want to remove.

[@niteshjangir__]

Thank You so much mam for this JS series.... ❤❤❤❤

[@moralstories6310]

array and loops are my favouritre nd helhful properties,

[@politicalclips6967]

Let's make a group of people which are interested in making projects so that we can interact with each other, discuss stuffs,work collectively and help each other's doubt....

[@urmirocks_]

Sure please do

[@divya_25_06]

Make it bro

[@MOHAMMADTALHA-sx3ts]

When it will starting/?? Do it no bro.

[@comicalgamer7820]

Pls make a course on react development ❤

[@RahulSoni-xh4oh]

Mam this course is very helpful for me

[@mishagohel4291]

Thank You Di!!❤

[@mysmartcitybanda5805]

Thanks dii for this best js series

[@AshokVarma-o7m]

Thanku so much helpful content for js DOM

[@NabihaKhan-c7l]

thank you soo much for your efforts

[@BansiRabadiya-q4t]

Hello Ma'am Your teaching Skill are just Killed (Mind blowing) I Mean Too AMAIZING So, please After complete the series of JS........... Then plz come with React Js And Node Js Series..... please please please please please ............................

[@babarbobybabar-zj4pl]

1st practice question let butn = document.createElement("button"); butn.style.backgroundColor='red'; butn.style.color = ' white'; butn.style.padding = '15px'; butn.style. borderRadius = ' 10px' butn.innerText='Click Me !'; document.querySelector("body").prepend(butn);

[@cutepanda2629]

Love from Heart🌼🥰

[@Nikki15-i5n]

I m doing paid course but it is way better than paid course Di

[@shyam_soniyar]

First comment thok Diya re Bawa;)😅

[@mseditx1334]

Vah bhai... party to banti hey...

[@shyam_soniyar]

@@mseditx1334 sure broo 😆...... Aa jana Aaj local 245 me ... 🔥

[@bharathkc5405]

best class

[@50_rohitpatil93]

Consistent me and u cheers 🎉🎉🎉🎉

[@AmaanABGamer]

I m loving this course ❤🎉

[@Technology-856]

Hi I'm new subscriber begginer🎉 js

[@amjadsultanawan]

Such a Greate work. Please make a series on React JS.

[@vikaspandit3753]

good explaination watching from UK Please start React series thank you

[@TitanGhee]

appendChild vs append 1.Number of Arguments: i>appendChild takes a single argument (the node to be appended). ii>append can take multiple arguments, allowing you to append multiple nodes or strings in a single call. 2.Return Value: i>appendChild returns the appended node. ii>append does not have a meaningful return value.

[@learnwithnagma]

It was awesome 😊.

[@lwaysbepositive5419]

Thanku 🥰 so much ma'am for this amazing series ❤❤

[@Coding-y3l]

Mjy bht intrust ha web development me 😊

[@iammanojmeghwanshi]

Really great video

[@nandankar9446]

Shardha didi thank you .

[@prashanths7526]

Thank you ma'am.❤

[@SuhanaTiwari-c9u]

Ma'am thank you lot 😊

[@codwithhawachi]

Extremely thanks didi

[@umairmohiuddin6307]

I use it to change the body color on click my Button: let newBtn = document.createElement("button"); newBtn.innerHTML="click me"; newBtn.setAttribute("onclick","bg()") let body = document.querySelector("body"); body.append(newBtn); let bg = ()=>{ let r = Math.random()*255; let g = Math.random()*255; let b = Math.random()*255; body.style.backgroundColor=`rgb(${r},${g},${b})`; }

[@muhammadsami5660]

thank you so much dedi

[@CODERMANI]

Good ❤❤ Shradha Ma'am

[@Seek_of_islam]

so much helpful content❤❤

[@goldblack3475]

Javascript Jindagi: HTML ki batti jalade.😊 8:46

[@ADB29_GolamRabbani]

thenk you so much medam for this serice

[@mofijmallick5572]

Thank you soooooo much ma'am ❤❤❤

[@sandeepkolli584]

Thank You #MicrosoftWaaliDidi for this wonderful series. I really liked how you explained DOM in part-1.

[@Bollywoodstar079]

Job lag gyi tumari ?

[@sandeepkolli584]

@@Bollywoodstar079 abhi 3rd year mein hoon yaar, abhi koi company nahi aaya hai

[@gourabrajak8132]

thank you so much ma'm.

[@SharashEnrique]

Before contents are not clear but that's not matter.Mam we are existing for java events.

[@ravindrakumarmaurya7809]

Thank... My goal is next year before diwali switch myself from a non IT background to make part of IT team.

[@neerajverma1578]

mat ja bhai

[@4unknownbd616]

Love from Bangladesh😍😍

[@Rakib-Weds-OntoraShorts]

Bastard ❤❤

[@4unknownbd616]

@@Rakib-Weds-OntoraShorts What the f😳😳

[@Rakib-Weds-OntoraShorts]

@@4unknownbd616 😎😎

[@Supreme.Speech29]

now my jan my concept is clear now

[@kuldip1391]

Thankyou mam god bless you

[@faizafaizan6904]

Thank you for this series mam🥰🥰🥰. After that kindly make videos on typescipt! plz plz plz

[@pathansakibkhannabikhan518]

Plz Make a tutorial on react.....😊

[@sabpavitra2024]

salute to your dedication mam❤

[@mrinaligupta]

Thanks didi ❤❤

[@Msdthala_7781]

Maam i am an bca student 1st year in our college they teaching web technology javascript chapter i am not able to understand there in class but here i understood all DOM concept one thing to ask that ur using get attribute for element but in college there are using 1).get(element by id). 2).get(element by class). What is difference using get attribute instead of above 2 i did't understood