- Document Object Model (DOM)
- Selecting DOM elements and querySelector
- Modifying an HTML document with JavaScript (Part 1)
Document Object Model (DOM)
Document Object Model (DOM) When using JavaScript in the browser, the "document" object gives us access to the page elements and allows us to change or create anything on the page. For example, you might want to change the background color of the body tag to green using JavaScript: <!DOCTYPE html> <html> <head> <title>Sytech Tutorials</title>…
Selecting DOM elements and querySelector
Selecting DOM elements and querySelector The first element we are going to talk about here is the id attribute. Since id is a global attribute, if an element has an id it means that there is a global variable attached to the element. We can use document.getElementById or just id to access the required element….
Modifying an HTML document with JavaScript (Part 1)
Modifying an HTML document with JavaScript (Part 1) The Document Object Model allows us to create, modify or remove elements dynamically, modifying the existing page content. Lets start by creating an element. Creating and adding elements There are two methods of creating DOM element nodes: document.createElement(tag) – creates an element with the given tag. document.createTextNode(text)…
Read More “Modifying an HTML document with JavaScript (Part 1)” »