How to solve document.getElementByID is not a function in JavaScript

In this tutorial, we are going to learn about how to solve the TypeError:document.getElementByID is not a function in JavaScript.

The TypeError: “document.getElementByID is not a function” error occurs when use a incorrect method name in our JavaScript code like d letter should be small or using the getElementById() method on a other data types instead of html elements.

To solve the error, use the correct method name that is document.getElementById() instead of document.getElementByID().

Let’s see a example of how the error occurs and how to fix it:

<div id="row">Welcome</div>

Now, we need to access the above div element in JavaScript using the document.getElementsByID() method. which is the one causing the error because of capital D.

const element = document.getElementByID("row");

// it gives error document.getElementByID is not a function
// because of captial D
console.log(element);

To fix the above error use the document.getElementById().

const element = document.getElementById("row");

console.log(element);

It returns a div html element .

Output:

div.row

Conclusion

To solve the TypeError: “document.getElementByID is not a function” error, use the correct method name that is document.getElementById() instead of document.getElementByID().

Note: lower-case d in ID