1 – DOM – Methods :
Write into you html page.
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-700x517.png)
Then you can :
1 – Write your script in your html page :
See the green part commented in the html file above.
2 – Write your script in a distinct javascript file.:
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-3.png)
Then in your rendered html page you’ll be able to print your text “Hello World !”.
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-4-700x39.png)
2 – DOM – Document :
a) Finding Elements :
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-5.png)
b) Changing Elements :
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-6.png)
c) Adding or deleting Elements :
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-7.png)
d) Finding Html objects :
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-8.png)
e) Adding Events Handlers :
![](https://blog.oakesso.com/wp-content/uploads/2021/07/image-9.png)
3 – DOM – Elements :
To manipulate Html pages we have to find elements at first. We can do with 5 possibilities :
- a) elements by id.
- b) elements by tag name
- c) elements by class name
- d) elements by CSS selectors
- e) elements by Html object collections