watermark logo

2 Views· 09 October 2022

DOM Manipulation In JavaScript - 2 | JavaScript DOM Tutorial | JavaScript Tutorial | SimpliCode

Advertisement


guillermodeloi
Subscribers

This video on DOM manipulation in JavaScript Part-2 is in continuation to the DOM manipulation in JavaScript Part-1. It will take you through the basics of the Document Object Model and How it works in JavaScript. In this JavaScript DOM tutorial, we’ll learn how JavaScript is embedded with HTML to make a web page responsive. In addition, we’ll also understand the usage of GetElementById() method present in JavaScript.

Below are the points we are going to discuss in this JavaScript tutorial for beginners.
00:00:00 Introduction
00:01:39 Adding functionality to a web-page
00:03:51 Example based on DOM manipulation.
00:07:32 Using GetElementById() method.

🔥Enroll for Free JavaScript Course & Get Your Completion Certificate: https://www.simplilearn.com/learn-javascript-basics-free-course-skillup?utm_campaign=DOMManipulationinJSPart2&utm_medium=Description&utm_source=youtube

✅Subscribe to our Channel to learn more programming languages: https://bit.ly/3eGepgQ

⏩ Check out our JavaScript training videos playlist: https://www.youtube.com/playli....st?list=PLGevxjyhYfA

#DOMManipulationInJavaScript #JavaScriptDOMTutorial #JavaScriptDOMManipulation #LearnDOMManipulation #JavaScriptDOMTutorialForBeginners #JavaScript #JavaScriptTutorial #JavaScript #JavaScriptTutorialForBeginners #Simplilearn #SimpliCode

What is a DOM?
DOM stands for Document Object Model. It is an API for HTML and XML documents, which helps JavaScript to understand what is there written inside the HTML document. API stands for Application Programming Interface. DOM defines the whole HTML document in a hierarchical form to make it understandable for JavaScript so that other JS functions can work over it. It represents the entire document in the form of Objects and nodes. Whether it be elements or tags or anything in the document stored in DOM, the entire page content can be accessed or manipulated by JavaScript.

Introduction to JavaScript:
JavaScript is a scripting language that is used to create and manage dynamic web pages, basically anything that moves on your screen without requiring you to refresh your browser. It can be anything from animated graphics to an automatically generated Facebook timeline. When most people get interested in web development, they start with good old HTML and CSS. From there, they move on to JavaScript, which makes sense, because, these three elements together form the backbone of web development. HTML is the structure of your page like the headers, the body text, any images you want to include. It basically defines the contents of a web page.

What is object literal method in JavaScript?
A JavaScript object literal is a comma-separated list of name-value pairs wrapped in curly braces. Constructors encapsulate data, enclosing it in a tidy package. This minimizes the use of global variables which can cause problems when combining code.Whenever we are working with a single object or when we know everything about the properties and the behaviour of an object. We should always use the object literal method. That's because this method runs faster, and we have to write minimum code while using the object literal method.
To learn more about JavaScript, check our Full Stack Web Developer program: https://www.simplilearn.com/full-stack-web-developer-mean-stack-certification-training?utm_campaign=DOMManipulationinJSPart2&utm_medium=Description&utm_source=youtube

Full Stack Web Developer - MEAN Stack:
This program will advance your career as a MEAN stack developer. You’ll learn top skills such as MongoDB, Express.js, Angular, and Node.js (“MEAN”), plus GIT, HTML, CSS, and JavaScript to build and deploy interactive applications and services. This Full Stack MEAN Developer program provides complete knowledge of software development and testing technologies such as JavaScript, Node.js, Angular, Docker, and Protractor. You'll build an end-to-end application, test and deploy code, and store data using MongoDB.

Key Features:
✅ Comprehensive Blended Learning program
✅ 270 hours of in-depth training
✅ 150 hours of instructor-led training
✅120 hours of self-paced learning
✅ 20 + in-demand tools and skills
✅ 10 lesson-end & 4 phase-end projects
✅Choose from 4 industry-aligned capstone projects

🔥FREE JavaScript Course With Completion Certificate: https://www.simplilearn.com/learn-javascript-basics-free-course-skillup?utm_campaign=DOMManipulationinJSPart2&utm_medium=Description&utm_source=youtube

For more updates on courses and tips follow us on:
- Facebook: https://www.facebook.com/Simplilearn
- Twitter: https://twitter.com/simplilearn
- LinkedIn: https://www.linkedin.com/company/simplilearn/
- Website: https://www.simplilearn.com
- Instagram: https://www.instagram.com/simplilearn_elearning
- Telegram Mobile: https://t.me/simplilearnupdates
- Telegram Desktop: https://web.telegram.org/#/im?....p=@simplilearnupdate

Get the Simplilearn app: https://simpli.app.link/OlbFAhqMqgb

Show more


Up next

Advertisement


0 Comments