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

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

[Paradoxgaming]

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

[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 !! ..

[AlishaKhan_]

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

[ranatariq]

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

[chetanrathore]

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

[a_man]

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

[Razzaq]

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 🥰

[shubhanshubhan]

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

[RozTalks]

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

[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

[zohaibmanzoor]

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

[vishanagori]

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

[babarbobybabar-zjpl]

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.

[SmartStudy-spuy]

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.

[abhishekraj]

The best ever lecture for DOM. Thanks shraddha di.

[mukeshsalgar]

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

[mdshehabsarar]

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

[sheetalsharma]

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

[subhankarpatra]

Thank you shradha didi for this great course 🙏

[qlpwldn]

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