cannot access an element by document.GetElementById("") inside javaScript function

Question

this is the sample code in which "hello world" is not displayed. `

<p>This is example </p>

<button id="myBtn" onclick="function1()">Try it</button>


<p id="demo"></p>

<script>
function function1(){
document.write("hii");
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

`

He doesn't need too. He is calling it when he clicks on the button. — Oqhax, Aug 23 '17 at 11:56
Don't use [`document.write()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/write): _"Note: as `document.write` writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document."_ — Andreas, Aug 23 '17 at 11:56
`document.write` overwrites the entire document. On the next line, everything is gone, including your element — adeneo, Aug 23 '17 at 11:56
i just used it to see if the function is called or not. excluding document.write dosent solve my doubt. — Abhay Tiwari, Aug 23 '17 at 11:58
ok, now it worked . need to learn more about document.write(). thanks @Andreas — Abhay Tiwari, Aug 23 '17 at 12:06

score -1 · Answer 1 · answered Aug 23 '17 at 11:59

-1

You have to store the document.getElementById inside a variable. Try this,

<p>This is an example</p>

<button id="myBtn" onclick="function1()">Try it</button>


<p id="demo"></p>

<script>
function function1(){
    document.write("hii");
    var demo = document.getElementById("demo")
    demo.innerHTML = "Hello World";
}
</script>

</body>
</html>

answered Aug 23 '17 at 11:59

Oqhax

419
1
4
16

There is no need to do that. – diiN__________ Aug 23 '17 at 12:00
Check @adeneo's comment on the OP's question, that's why I downvoted you. – Erazihel Aug 23 '17 at 12:00

cannot access an element by document.GetElementById("") inside javaScript function

1 Answers1