using document.getElementById in a script to target a class id

[Jeff McBride]

I'm writing an if else statement to show and hide div's based of a JSON variable so I'm targeting the div like so:

var invalidRecords;
var numberUpdatedRecords;

    if (invalidRecords === null || invalidRecords === "0")
    {
        var showInvRec = document.getElementById("showInvalidRecord");
        showInvRec.style.visibility = false;
    }
    else
    {
       var showInvRec =  document.getElementById("showInvalidRecord");
       showInvRec.style.visibility = true;
    }
    if (numberUpdatedRecords === null || numberUpdatedRecords === "0")
    {
        var showUpdRec = document.getElementById("showUpdatedRecords");
        showUpdRec.style.visibility = false;
        var showUpdRecFalse = document.getElementById("showUpdatedRecordsFalse");
        showUpdRecFalse.style.visibility = true;
    }
    else
    {
        var showUpdRec = document.getElementById("showUpdatedRecords");
        showUpdRec.style.visibility = true;
        var showUpdRecFalse = document.getElementById("showUpdatedRecordsFalse");
        showUpdRecFalse.style.visibility = false;
    }

But for some reason when I run the report, I get the error:  "Error occured - Error during rendering report: document is not defined".  This js code is completely valid.  How do i target a specific div within a phantomPDF?

[Jan Blaha]

Is this javascript located in the template content? 

Please note that scripts created in "Scripts" menu don't have access to the document, window or any other browser related objects. These scripts should be used rather to modify the rendering inputs than the document. More about it here

http://jsreport.net/learn/scripts

[Jeff McBride]

Now I understand what the scripts file is for.  I tried accessing the document within the template content:

var red = document.getElementById("testHide");
    red.style.color = "red";

with no success.  I can write to the document with document.write, but cannot target an element with

 document.getElementById();

[Jan Blaha]

Check this out....

https://playground.jsreport.net/#playground/bkprPqjIKx/1

[Jeff McBride]

So the script needs to be after the element apparently.

[Jan Blaha]

As for every html and browser.