How to console.log a that has an ID. Getting ReferenceError: document is not defined

Question

Pretty much the title. There might be a solution somewhere but I am too dumb to word it properly. So sorry if that's the case.

<head>
  <script src="javascript.js"></script>
</head>

<table>
    <tbody>
        <tr>
            <td id="test">Some random, text separated, by commas, that I will, try to separate, with filter.split(/, /);, sometime in the future </td>
        </tr>
    </tbody>
</table>

var testTd = document.getElementById('test');
console.log(testTd);

Can I make it so the console.log(testTd) output is: "Some random, text separated, by commas, that I will, try to separate, with filter.split(/, /);, sometime in the future "

Getting "ReferenceError: document is not defined" error all the time.

I cannot reproduce. The `document` should always be defined. Sure, you [won't find the element when executing that script in the ``](https://stackoverflow.com/q/14028959/1048572), but it should still work and log `undefined`, not throw a reference error. — Bergi, Jan 19 '20 at 23:36

score 1 · Accepted Answer · answered Jan 19 '20 at 23:20

1

Put your script tag in the end of the body instead of the head

answered Jan 19 '20 at 23:20

Simon Bolduc

135
8

Thanks. That worked. Although why is that? Why won't it work in ? – RUSHWAYC Jan 20 '20 at 13:00
The script is being loaded before the body, therefore the selected document doesn't appear to exist. – Simon Bolduc Jan 21 '20 at 15:57

Louis B · Answer 2 · 2020-01-19T23:30:07.227

-1

This should to work with jquery:

$("#test").text();

Or you can use this too:

document.getElementById ( "tdid" ).innerText

edited Jan 19 '20 at 23:30

answered Jan 19 '20 at 23:21

Louis B

132
3
14

I don't know jQuery so other comment was more helpful since the code worked but it didn't display text, but your .innerText did. So thanks for that. – RUSHWAYC Jan 20 '20 at 13:01

How to console.log a that has an ID. Getting ReferenceError: document is not defined

2 Answers2