document.getElementById return always null

Question

Sorry for my code, i am new to javascript and didn't figure out what's going on. My scenario is if there is Group Discount available then I want to use grpDis as a OurCost otherwise I want to use OrgCost as a OurCost.

OrgCost is available on every pages but grpDis only available where group discount is available.

Thank you for the help.

    var OrgCost = '<?=$ourCost;?>';
    var grpDis = document.getElementById('cost1').innerHTML;
    var OurCost;

    if (typeof grpDis!=='undifined') {          
         OurCost = parseInt(changeNumber(grpDis));      
    } else {            
        OurCost = parseInt(changeNumber(OrgCost));
    }

    conslole.log(OurCost);

it may depend on when your code is executed. It may run before your page is rendered, hence no elements are present yet. — Vladimir M, Oct 02 '16 at 11:49

Andrea Sindico · Accepted Answer · 2016-10-02T12:46:08.107

-1

Unless you don't need a native javascript implementation I suggest to rely on JQuery. The JQuery way loos like

$(document).ready(function(){
  var grpDis = $('#cost1').innerHTML;
  if (typeof grpDis!=='undefined') {          
     OurCost = parseInt(changeNumber(grpDis));      
  } else {            
    OurCost = parseInt(changeNumber(OrgCost));
  }
});

check out the JQuery web site to download it or load it through a CDN https://jquery.com/download/

edited Oct 02 '16 at 12:46

answered Oct 02 '16 at 11:55

Andrea Sindico

7,058
6
41
79

could you please elaborate more? – Andrea Sindico Oct 02 '16 at 12:51

document.getElementById return always null

1 Answers1