Question

我试图在我的html页面上发布一些javascript，但它根本没有运行。我试图改变<p>标签中的单词，但什么都没发生。我知道我的浏览器启用了javascript。这是我的代码，我似乎无法找到它的任何错误。

<!DOCTYPE html>
<html>
<head>

</head>
<body>
    <h1> Eat Page</h1>
    <p id="test">Hi</p>
    <select id="CusineList"></select>

    <script type="text/javascript">
        document.getElementIdBy("test").innerHTML = "Who";
    </script>

    <p> When </p>
</body>

</html>

注意 - 我正在桌面上的文件夹中运行此文件

Answer 1

document.getElementById("test").innerHTML = "Who";

不是

document.getElementIdBy("test").innerHTML = "Who";

Answer 2

Javascript没有函数getElementIdBy，你拼错了。您应该使用document.getElementById。

错误的sytnax

  document.getElementIdBy("test").innerHTML = "Who";

更正语法

  document.getElementById("test").innerHTML = "Who";

您的脚本块应为

<script type="text/javascript">
        document.getElementById("test").innerHTML = "Who";
</script>

注意：由于您担心自己正在从桌面运行文件，因此绝对正确。

在更多建议中，将脚本块放在正文的结束标记之前，而不是将其放在HTML之间。这会使代码变得混乱。

Answer 3

这是正确的代码，

document.getElementById("test").innerHTML = "Who";

键入以下内容时出错：

document.getElementIdBy("test").innerHTML = "Who";

点击此链接：http://jsfiddle.net/Q3eMV/

Answer 4

呃，它应该是getElementById，而不是getElementIdBy。下次，在询问之前查看the MDN docs。

document.getElementById("test").innerHTML = "Who";

Answer 5

您应该注意文档加载，因为您直接加载javascript而没有任何事件。如果您先加载脚本并稍后加载div，即使您确实出现任何语法错误，也一定会遇到问题。

应该在加载所有文档后加载。

如果您使用的是jQuery，则可以在$.ready()函数中运行该脚本。

Javascript代码根本不会运行

5 个答案: