HTML DOM Methods
The method is an action that we can perform on the node (HTML elements).
Programming Interface
By JavaScript (and other programming languages) to HTML DOM access.
All HTML elements are defined as an object, and the programming interface is object method and object properties.
The method is an operation (such as adding or modify elements) that you can perform.
Property is that you can get or set value (for example, node name or content).
getElementById () method
getElementById () method returns the element with the specified ID:
Examples
HTML DOM objects - methods and properties
Some commonly used HTML DOM methods:
- getElementById (id) - Get node (element) with the specified id
- appendChild (node) - insert a new child node (element)
- removeChild (node) - Removes the child node (element)
Some commonly used HTML DOM attributes:
- innerHTML - node (element) text value
- parentNode - nodes (elements) of the parent node
- childNodes - node (element) of the child node
- attributes - node (element) attribute node
In this tutorial you will learn more about the next chapter property.
Real-life objects
A person is an object.
One approach might be to eat (), sleep (), work (), play (), and so on.
These methods all have, but they will be executed at different times.
A person's property, including their name, height, weight, age, sex and so on.
Everyone has these properties, but their values vary.
Some DOM object methods
Here are some common methods you learned in this tutorial to:
method | description |
---|---|
getElementById () | Returns the element with the specified ID. |
getElementsByTagName () | Returns a list of nodes (set / node array) containing all elements with the specified tag name. |
getElementsByClassName () | Returns a list of all of the elements with the specified node contains the name of the class. |
appendChild () | To add a new child node to the specified node. |
removeChild () | Removes the child node. |
replaceChild () | Replace child nodes. |
insertBefore () | Insert a new child node in front of the specified child node. |
createAttribute () | Create attribute node. |
createElement () | Create an element node. |
createTextNode () | Create a text node. |
getAttribute () | Returns the specified attribute values. |
setAttribute () | To set or modify the specified value of the specified property. |