JavaScript DOM Methods
JavaScript Basics

JavaScript DOM Methods

JavaScript - HTML DOM Methods

HTML DOM Methods and Properties

In the HTML DOM, methods are actions that can be performed on HTML elements, while properties are values that can be set or changed.

The DOM Programming Interface

The HTML DOM can be manipulated using JavaScript or other programming languages. In the DOM, all HTML elements are represented as objects, and the interface to these objects is through their properties and methods.

  • Property: A value you can get or set, such as changing the content of an HTML element.
  • Method: An action you can perform, such as adding or deleting an HTML element.


The following example changes the content (the innerHTML) of the <p> element with id="demo":

<!DOCTYPE html><html><body><p id="demo"></p><script>document.getElementById("demo").innerHTML = "Hello World!";


In this example, getElementById is a method, and innerHTML is a property.

The getElementById Method

The getElementById method is the most common way to access an HTML element by its unique id.

In the example above, the getElementById method is used to find the element with the id "demo".

The innerHTML Property

The innerHTML property is the simplest way to get or change the content of an HTML element.

The innerHTML property is useful for retrieving or replacing the content of any HTML element, including <html> and <body>.

Take a look into your desired course