Why getting error can not read property 'value' of null?

Question

I am trying to get the value of a text field in a VF page in JavaScript. Below is my VF page and getting the error “cannot read property of null”. [removed] function initialize(){ alert('called' + document.getElementById("thePage:theform:atextId").value); } [removed] When I click the link I get this error in the inspect window. Cannot read property 'value' of null I might be missing something here. I checked the path of the text field using inspect window and I saw: What am I missing here. How to resolve this,why do I get a null?

Andrea Bailey · Accepted Answer

The reason for getting the error “cannot read property of null” is typo mistake. In your case, it was a simple typo error: the ID value is cAsE-sEnSiTiVe. alert('called' + document.getElementById("thepage:theform:atextId").value); // ^ This P was capitalized Always make sure you're matching the case for your Id values. As a more practical solution, consider using $Component: alert('called' + document.getElementById("{!$Component.thePage.theform.atextId}").value); You can simply resolve this error by using $Component, $Component will resolve the element Id correctly (in a case-insensitive manner) so you don't have to worry about it as much.

Why getting error can not read property 'value' of null?

About this question

Your answer

1 Answer

More Salesforce discussions

Learn & Explore

Salesforce Tutorials

Salesforce Interview Q&A

Latest Salesforce Blogs

Want answers to more Salesforce questions?

Stay in the loop — it’s free

You’re on the list!