Javascript web项目在Visual Studio live server中无法正常运行_Javascript_Html_Css

Javascript web项目在Visual Studio live server中无法正常运行

javascript html css

Javascript web项目在Visual Studio live server中无法正常运行,javascript,html,css,Javascript,Html,Css,我在VisualStudio文件夹中有以下html/css/javascript文件。我试图将id=“top”的div元素改为“Text change”，而不是“top”。如您所见，它在代码段中正常运行，但当我在VisualStudio中使用live server扩展运行html文件时，javascript无法进行更改。我相信我正在将css和javascript正确链接到html文件。这里怎么了 document.getElementById（“top”）.innerHTML=“文本更改” #

我在VisualStudio文件夹中有以下html/css/javascript文件。我试图将id=“top”的div元素改为“Text change”，而不是“top”。如您所见，它在代码段中正常运行，但当我在VisualStudio中使用live server扩展运行html文件时，javascript无法进行更改。我相信我正在将css和javascript正确链接到html文件。这里怎么了

document.getElementById（“top”）.innerHTML=“文本更改”
#顶部{
文本对齐：居中；
颜色：绿色；
}
#中间的{
文本对齐：居中；
颜色：蓝色；
边缘顶部：500px；
}
#底部{
文本对齐：居中；
颜色：红色；
利润上限：1000px；
}

顶部
中间的
底部
在加载HTML之前，JavaScript正在运行。将
标记移动到页面底部，就在关闭
标记之前：
  <script src="javascript-test.js"></script>
</body>

在加载HTML之前，JavaScript正在运行。将
标记移动到页面底部，就在关闭
标记之前：
  <script src="javascript-test.js"></script>
</body>


尝试将
标记放在
中，使javascript首先运行
<head>
  <link rel="stylesheet" href="style.css">
  <script src="javascript-test.js"></script>
</head>


尝试将
标记放在
中，使javascript首先运行
<head>
  <link rel="stylesheet" href="style.css">
  <script src="javascript-test.js"></script>
</head>


只是一个快速测试-尝试将scrip
标记移动到div
元素之后。您的javascript
可能执行得太早。这就造成了。。。我想这可能是个简单的解决办法。谢谢快速测试-尝试将scrip
标记移动到div
元素之后。您的javascript
可能执行得太早。这就造成了。。。我想这可能是个简单的解决办法。谢谢