document.getElementById not passing the element

[wdallman]

I'm getting an error in the error console stating: "Element referenced by ID/NAME in the global scope".  I'm not getting the element by ID like I should.  The values are null for both variables tableToRemove  and    tbl

 

This is in auto-quote-2.php:

<table cellpadding="0" cellspacing="0" border="0" id="currInsTable">
            <thead>How long without?:</thead>
            <tr>
                <td><select name="timeWithout" id="timeWithout">
                <option>select</option>
                <option>Under 30 days.</option>
                <option>Over 30 days.</option>
                 </select>
                </td>
            </tr>
        </table>

This is in currentInsurance.js

        var tableToRemove = document.getElementById(currInsTable);
        currInsurance.removeChildrenFromNode(tableToRemove);
        var tbl = document.getElementById(currInsTable);

Any ideas?

[tomfmason]

I don't see where the variable currInsTable is defined. If it is not a variable then you need to  enclose it in quotes like this:

 

        var tableToRemove = document.getElementById('currInsTable');
        currInsurance.removeChildrenFromNode(tableToRemove);
        var tbl = document.getElementById('currInsTable');

[wdallman]

That was it.  It wasn't a variable, it was an ID element from the .php page.  So, it needed to be enclosed in quotes.

 

Thanks so much!