Why getting error -[Cannot read property 'style' of null]?

Question

Error ID: -270960303 This page has an error. You might just need to refresh it. Error in $A.getCallback() [Cannot read property 'style' of null] Failing descriptor: {c:CommunityBreakingNews}

enter image description here

Controller:

({ doInit : function(component, event, helper) { //var lWidth = window.innerWidth ; var lWidth = 400; window.setInterval($A.getCallback(function() { helper.handleScroll(component, event,lWidth); } ), 20); } })

Helper:

({ handleScroll: function(component, event,lWidth) { var changeposition = component.get("v.scrollInterval"); var floatElement = document.getElementById('toScroll'); if(changeposition < lWidth xss=removed xss=removed floatElement.style.left = "0px" xss=removed>

Style:

.THIS#scrollDIV{ border: 5px solid; border-radius: 6px; background: beige; height: 50px; margin: 5px; padding: 2px; }
What is the reason for getting and how to resolve this error” cannot read property 'style' of null”?

Anna Ball · Accepted Answer

This error indicates that the element you were trying to select was not found (hence, it cannot find the “style” property for element, probably assigned to a variable - it is null, as in empty). Two possibilities here: you might have fired your script before the selector element began to exist in DOM.

In your senario helper JS is looking for an element with an id of toScroll

var floatElement = document.getElementById('toScroll'); if(changeposition < lWidth xss=removed>

Because floatElement is null, the above error is produced when you try to access style on it. If you correct the Id of the element, your code may work correctly.

Why getting error -[Cannot read property 'style' 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!