The document object represents your web page.

If you want to access any element in an HTML page, you always start with accessing the document object.

Below are some examples of how you can use the document object to access and manipulate HTML.

Finding HTML Elements

               Method                                                            Description                   

document.getElementById(id)                          Find an element by element id

document.getElementsByTagName(name)       Find elements by tag name

document.getElementsByClassName(name)      Find elements by class name

Changing HTML Elements

               Method                                                  Description                              

      element.innerHTML =              new html contentChange the inner

                                                                  HTML of an element

      element.attribute =                      new valueChange the attribute value

                                                                  of an HTML element

       element.setAttribute                       Change the attribute value of

          (attribute, value)                                 an HTML element

      element.style.property =               new styleChange the style of an

                                                                        HTML element

Adding and Deleting Elements

             Method                                                       Description                             

document.createElement(element)               Create an HTML element

document.removeChild(element)                 Remove an HTML element

document.appendChild(element)                Add an HTML element

document.replaceChild(element)                Replace an HTML element

document.write(text)                                  Write into the HTML output stream