JavaScript DOM Objects

Introduction to DOM

HTML DOM: When a Web page is loaded, the browser creates a Document object model of the page

JavaScript can change all HTML elements in a page

JavaScript can change all HTML attributes in a page

JavaScript can change all CSS styles in a page

JavaScript is able to change all events in the page to respond

Dom manipulating HTML

Changing the HTML output stream

Note: Never use document.write () after the document has finished loading. This overwrites the document

Looking for elements

Find HTML elements by ID

Find HTML elements by tag name

Change HTML content

Use attribute: INNERHMTL

Changing HTML properties

Use attribute: attribute

Dom manipulating CSS

Domeventlistener

JavaScript DOM Objects