HTML DOM getElementById() method

getElementById()The method can obtain an element node object based on the element's id attribute, and this method is available in all browsers.

Since if an element ID is specified, it must be unique, making them an effective method for quick access to specific elements.

If you need to access an element without an ID, you can usequerySelector()Through anySelectorFind the element.

Syntax:

document.getElementById(ID)

Example

document.getElementById('para');

All browsers fully support the getElementById() method:

Method
getElementById()	Is	Is	Is	Is	Is

Parameter	Description
ID	The ID of the element to be located. ID is a case-sensitive string that is unique in the document. Only one element can have any given ID.

Return Value:	Description of the DOM element object that matches the specified IDElementobject; if the matching element is not found in the document, it isnull.
DOM Version:	DOM 2Level

Get the element with id="para" and change its color:

Example

document.getElementById('para').style.color = "blue";

Get the element with id="para" and change its font size:

Example

document.getElementById('para').style.fontSize = ""3em";

CSS Tutorial:CSS Syntax

DOM Document querySelector()Methods