脚本代码在id之前不起作用(HTML)

时间:2017-08-06 08:08:27

标签: javascript html

我对HTML和Javascript相对较新,我现在正在使用它。 我试过这段代码,但没有打印任何东西。如果我使用一个按钮并将document.get ...保留在一个函数中,它的工作原理是什么?

<!DOCTYPE html>
<html>
<body>

<script>
document.getElementById("demo").innerHTML = "Javasc"; 
</script>

<p>
hey
</p>

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



</body>
</html>

1 个答案:

答案 0 :(得分:0)

尝试在window.onload上调用你的函数。像这样:

<!DOCTYPE html>
<html>
<body>

<script>
window.onload = function(){
document.getElementById("demo").innerHTML = "Javasc";
        };

</script>

<p>
hey
</p>

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



</body>
</html>

您必须让页面呈现,然后调用该方法。

或者将脚本标记放在最后

<!DOCTYPE html>
<html>
<body>


<p>
hey
</p>

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


<script>
document.getElementById("demo").innerHTML = "Javasc"; 
</script>    
</body>
</html>