Question

我在* .html文件中使用外部* .js文件时遇到问题。我想要实现的是修改div。无论我做什么，我似乎无法使它工作。为什么这不起作用？

document.getElementById("MyDiv").color = "red";
x.color = "blue";
MyDiv.color = "red";

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="JavaScript.js"></script>
    <title>js</title>
</head>
<body>
<div id="MyDiv">12</div>
</body>
</html>

，

Answer 1

尝试

document.getElementById("MyDiv").style.color = "red";

文件加载后。使用jQuery会很有帮助。使用jQuery：

$(document).ready(function() {
   document.getElementById("MyDiv").style.color = "red";
}

或原生：将脚本标记放在身体标记的末尾：

    <script>
      (function() {
          document.getElementById("MyDiv").style.color = "red";

      })();
    </script>

Answer 2

为什么你不能在<head>中包含脚本？如果它只是那一小块那么应该没问题。如果要链接到外部文件，请确保链接路径正确。

Answer 3

以下代码可以解决您的问题：

＆＃13;

var MyDiv = document.getElementById("MyDiv");
MyDiv.style.color = "red";
MyDiv.innerHTML = "asdkjnasd";

＆＃13;

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>js</title>
</head>
<body>
<div id="MyDiv">12</div>
</body>
</html>

＆＃13;

链接到html的Java Script外部文件

3 个答案: