JS DOM Manipulation - Access/Insert/Update/Delete elements || JavaScript Series 2024

In this video tutorial, we will be learning about JavaScript DOM Manipulation

Whether you're a beginner or an experienced web developer, this step-by-step guide will help you master the art of JS. Join me on this complete web development course using the MERN stack and take your skills to the next level!

Checkout my Main Channel: @LoveBabbar

Tags: HTML, CSS, web development, card design, MERN stack, animation, flexbox, responsive design, tutorial, web design, dimensions, positioning, web development course, beginner-friendly, CSS animation, HTML cards, web elements, web design tutorial

Grow with me here:
Main Channel: @LoveBabbar

My Telegram Group Link:
Love Babbar CODE HELP

My Discord Server Link:

Comment #webdevelopment if you read this.

[akhilesh__]

outerHTML -> gets the serialized HTML fragment describing the element including its descendants.
to add, remove, or replace elements, as well as change the text and attributes of existing elements.

[vivekkushwaha]

Maine apki paid course last year sari telegram s download kr li thi, and abhi backend pd rha that too for free😅.

[tanhatanven]

Have watched all the videos of you for data structures and going to watch this lecture as well for getting best command on js. It's an honour to learn from you, sir..All love, may Allah keep you blessed.

[factzfromme]

Video bahut din naad dali hai lekin almost 1 ghante ki hai to ❤ ye dekh aachha laga thank you love babbar ❤❤

[pranayjaunjal]

great work keep going it by providing this kind of free valuable content for finicial problem students

[Veer]

Bhaiya padhate to aap bhadiya ho
maja aa
but bich bich me koi task add hota na to aanad aa jata

[Sourabh_Magar]

OuterHTML is a property of a DOM element that represents the HTML content including the element itself where as in InnerHTML we represents the HTML content within the an element.

[anirbanghosh]

the outerHTML tag is used for manipulating the entire HTML of an element. WE can use it to insert, remove, or exchange elements, as well as change the text and attributes of existing elements.

[mayanksingh]

Bhaiya please Java DSA Batch laaye... waiting for it...😐

[darpangoswami]

<div id="d">
<p>Content</p>
<p>Further Elaborated</p>
</div>

[pawanrathod]

OuterHTML is used to replace and change the content and tags
And it is also use to get the alert

[neelmishra]

52:04 parentNode: This property on the child element will return its immediate parent node, which could be an element node or a text node.

[rahulmoharana]

The outerHTML property sets or returns the HTML element, including attributes, start tag, and end tag.

[foodiefrenzyyy]

let
let parent=child.parentnode;
//by this we can get the parent of the child element

[sam.d]

I think this going to be a great js series. Btw nice haircut😁

[Sourabh_Magar]

Yes we can acess the parent using the child by the parentNode property which returns the immediate parent node of the element.

[navedkhansta]

Bhaiya full stack web developement(MERN stack) ka paid course lauch kro na

[ramanshubhvlog]

Outer html whole of the element ko dhikhata he he or usko ho change kar sakta he jis element ko select kar rakha ho hmne

[neelmishra]

The outerHTML property in JavaScript grabs the entire HTML structure of an element, including its content and tags, as a string. You can also use it to replace an element and its children entirely with new HTML content.

[AkashYadav-dikd]

innerHTML : -
You get the only content between the opening tag and closing tag of the element that you have selected.

Ex: -
<p>
Ram is a king.
</p>

If you applied innerHTML on above p tag then you get only this 'Ram is a king.'
You only change the content of the p tag. You have not any power to remove or replace the p tag from its position.
= 'whatever you are changing is happening inside the p tag ';

However, if you use outerHTML then you will have power to remove or replace the p tag from its position because by using outerHTML you get '<p> Ram is a king. </p>'.

= 'whatever you are changing it comes in the place of whole p element';