Cannot set property innerHTML of null (javascript)

Question

I know there are a lot of topics for that but none of them answered my question. I have to print lexicographically smallest and largest property in window. But I got the error Cannot set property of innerHTML of null at solve. Here is my html:

<!DOCTYPE html>
<html lang="en">

<head>
     <title>Loops Homework</title>
     <meta charset="UTF-8">

</head>

<body>
    <span>Problem 1</span>
    <button onclick="solve()">Print</button>
    <div id="answer1">Answer will appear here</div>
    <script src="LexicographicallyProp.js" type="text/javascript"></script>
</body>

</html>

And following javascript file:

function solve() {
let smallest = 'zzz',
    largest = '',
    prop,
    div1 = document.getElementById('#answer1');

for (prop in document) {
    if (prop < smallest) {
        smallest = prop;
    }

    if (prop > largest) {
        largest = prop;
    }
}
div1.innerHTML = 'Smallest property in DOCUMENT: ' + smallest + ' ; Largest prop in DOCUMENT: ' + largest;

}

Remove the # sign from document.getElementById('#answer1'); – Gregg Jan 06 '17 at 17:20 — Gregg, Jan 06 '17 at 17:20

uncoder · Answer 1 · 2017-01-06T19:13:11.380

1

It should be:

div1 = document.getElementById('answer1');

'#answer1' is the jQuery notation for HTML element IDs.

edited Jan 06 '17 at 19:13

answered Jan 06 '17 at 17:20

uncoder

1,558
1
14
19

score 1 · Answer 2 · answered Jan 06 '17 at 17:21

1

Please change the following line:

div1 = document.getElementById('#answer1');

Use:

div1 = document.getElementById('answer1');

answered Jan 06 '17 at 17:21

Raffael Bechara Rameh

346
2
11

Cannot set property innerHTML of null (javascript)

2 Answers2