无法通过document.GetElementById（“javaScript函数”）访问元素

这是不显示“hello world”的示例代码。 `

<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>

这是一个示例

<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>

试试看

<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>

函数function1（）{
文件。编写（“hii”）；
document.getElementById（“demo”）.innerHTML=“Hello World”；
}

---

`

必须将

文档.getElementById

存储在变量中。试试这个

<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>

<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>

这是一个例子

<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>

试试看

<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>

函数function1（）{
文件。编写（“hii”）；
var demo=document.getElementById（“demo”）
demo.innerHTML=“你好世界”；
}

他不需要太多。当他点击按钮时，他正在调用它。

document.write

覆盖整个文档。在下一行，所有内容都消失了，包括您的元素Don't use:“注意：作为

文档。write

写入文档流，调用document.write对关闭（加载）的文档自动调用document.open，这将清除文档。”我只是用它来查看是否调用了函数。排除document.write dosent解决我的疑问。谢谢@Oqhax它起作用了。没有必要这样做。查看@adeneo对OP问题的评论，这就是我否决你的原因。