--- title: "#dom-manipulation articles | Hashnode" description: "Explore 196 articles tagged #dom-manipulation on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/dom-manipulation" --- Tag # #dom-manipulation 196 posts · 15 followers [Dharmapada Dalai](https://hashnode.com/@dharmapada0003) · [Oct 11](https://hashnode.com/posts/javascript-learning-journey-week-3-dom-events-practice/6acba1b47575e2815f1413e7) ### [My JavaScript Learning Journey - Week 3: DOM Manipulation, Events & Practice](https://dharmapadadalai.hashnode.dev/javascript-learning-journey-week-3-dom-events-practice?utm_source=hashnode&utm_medium=feed) Follow my JavaScript learning journey in Week 3 as I practise DOM insertion methods, array exercises, events, event listeners and DOM manipulation. 12 min read · [dharmapadadalai.hashnode.dev](https://dharmapadadalai.hashnode.dev/javascript-learning-journey-week-3-dom-events-practice?utm_source=hashnode&utm_medium=feed) [Dharmapada Dalai](https://hashnode.com/@dharmapada0003) · [Oct 4](https://hashnode.com/posts/javascript-learning-journey-array-methods-to-dom-manipulation/6ac21ad6eeb62f5014be93fc) ### [My JavaScript Learning Journey: From Array Methods to DOM Manipulation](https://dharmapadadalai.hashnode.dev/javascript-learning-journey-array-methods-to-dom-manipulation?utm_source=hashnode&utm_medium=feed) Documenting my JavaScript journey as a beginner, from array methods, functions and callbacks to map(), filter(), reduce(), and DOM manipulation. 12 min read · [dharmapadadalai.hashnode.dev](https://dharmapadadalai.hashnode.dev/javascript-learning-journey-array-methods-to-dom-manipulation?utm_source=hashnode&utm_medium=feed) [Sanjay](https://hashnode.com/@sanjay998d) · [May 9](https://hashnode.com/posts/react-virtual-dom-explained/69feaa83f239332df43caa7d) ### [React Virtual DOM Explained](https://sanjayk-blog.hashnode.dev/react-virtual-dom-explained?utm_source=hashnode&utm_medium=feed) A beginner-friendly guide to how React uses the Virtual DOM to render, compare, and update the UI efficiently. 8 min read · [sanjayk-blog.hashnode.dev](https://sanjayk-blog.hashnode.dev/react-virtual-dom-explained?utm_source=hashnode&utm_medium=feed) [Aditya Chatare](https://hashnode.com/@adityachatare) · [May 8](https://hashnode.com/posts/how-react-s-virtual-dom-works-under-the-hood/69fdbbb06fb09594bd38caf2) ### [How React's Virtual DOM Works Under the Hood](https://adityachatare.hashnode.dev/how-react-s-virtual-dom-works-under-the-hood?utm_source=hashnode&utm_medium=feed) React's Virtual DOM makes your app fast by updating only what changed — not the entire page. Learn how diffing, reconciliation, and the render-commit cycle work under the hood. 6 min read · [adityachatare.hashnode.dev](https://adityachatare.hashnode.dev/how-react-s-virtual-dom-works-under-the-hood?utm_source=hashnode&utm_medium=feed) [SATYAM SHARMA](https://hashnode.com/@Satyam-exxe) · [May 8](https://hashnode.com/posts/react-virtual-dom-explained-without-the-complicated-jargon/69fe1553f239332df4e7fdb2) ### [React Virtual DOM Explained Without the Complicated Jargon](https://react-night.hashnode.dev/react-virtual-dom-explained-without-the-complicated-jargon?utm_source=hashnode&utm_medium=feed) React Virtual DOM explained simply — learn how React updates UI efficiently using diffing, reconciliation, and minimal DOM updates. 4 min read · [react-night.hashnode.dev](https://react-night.hashnode.dev/react-virtual-dom-explained-without-the-complicated-jargon?utm_source=hashnode&utm_medium=feed) [Naman Goel](https://hashnode.com/@nmnkmr) · [May 7](https://hashnode.com/posts/virtual-dom-the-invisible-tree-react-builds-before-touching-your-page/69fc525f3d9a9c10198b2556) ### [Virtual DOM - The Invisible Tree React Builds Before Touching Your Page](https://nmnkmr-react.hashnode.dev/virtual-dom-the-invisible-tree-react-builds-before-touching-your-page?utm_source=hashnode&utm_medium=feed) If you have ever asked this or even wondered about — "okay, but why is React fast?" And most explanations either go straight into heavy technical terms, or stop at "it uses a Virtual DOM, which is fas 6 min read · [nmnkmr-react.hashnode.dev](https://nmnkmr-react.hashnode.dev/virtual-dom-the-invisible-tree-react-builds-before-touching-your-page?utm_source=hashnode&utm_medium=feed) [Chaitanya Mehetre](https://hashnode.com/@ChaitanyaMehetre) · [May 6](https://hashnode.com/posts/how-react-s-virtual-dom-works-under-the-hood/69fb3e1350ecad45332baa23) ### [How React's Virtual DOM Works Under the Hood](https://mobile-development.hashnode.dev/how-react-s-virtual-dom-works-under-the-hood?utm_source=hashnode&utm_medium=feed) Discover how React’s Virtual DOM optimizes performance. Learn about the Diffing Algorithm (Reconciliation), Batched Updates, and efficient browser re-rendering under the hood. 7 min read · [mobile-development.hashnode.dev](https://mobile-development.hashnode.dev/how-react-s-virtual-dom-works-under-the-hood?utm_source=hashnode&utm_medium=feed) [Robert Muendo](https://hashnode.com/@robertmuendo254) · [Mar 30](https://hashnode.com/posts/master-dom-manipulation/69ca26fbd08cd0aa3dec1db0) ### [DOM in Action — Bring Your Webpage to Life](https://javascript-for-beginners.hashnode.dev/master-dom-manipulation?utm_source=hashnode&utm_medium=feed) Practical guide to the DOM: learn to select elements, update content and styles, and handle events to build dynamic, interactive webpages. 4 min read · [javascript-for-beginners.hashnode.dev](https://javascript-for-beginners.hashnode.dev/master-dom-manipulation?utm_source=hashnode&utm_medium=feed) [Wiktoria Blomgren Strandberg](https://hashnode.com/@wikipedia01) · [Mar 26](https://hashnode.com/posts/javascript-attacks/69c5907f10e664c5da27842b) ### [JavaScript Attacks in DVWA](https://pentesting-dvwa.hashnode.dev/javascript-attacks?utm_source=hashnode&utm_medium=feed) Documented penetration test of the JavaScript Attacks vulnerability in DVWA. 21 min read · [pentesting-dvwa.hashnode.dev](https://pentesting-dvwa.hashnode.dev/javascript-attacks?utm_source=hashnode&utm_medium=feed) [Raj Singh](https://hashnode.com/@rajsingh2335) · [Mar 27](https://hashnode.com/posts/understanding-event-phases-in-javascript-capturing-target-and-bubbling/69c6697810e664c5dae46012) ### [Understanding Event Phases in JavaScript: Capturing, Target, and Bubbling](https://eventphases.hashnode.dev/understanding-event-phases-in-javascript-capturing-target-and-bubbling?utm_source=hashnode&utm_medium=feed) Handling events is a fundamental part of building interactive web applications. Whenever a user clicks a button, submits a form, or presses a key, the browser generates an event. But what many develop 5 min read · [eventphases.hashnode.dev](https://eventphases.hashnode.dev/understanding-event-phases-in-javascript-capturing-target-and-bubbling?utm_source=hashnode&utm_medium=feed)