Web项目在Visual Studio实时服务器中无法正常运行

我在Visual Studio文件夹中有以下html / css / javascript文件。我试图将id =“ top”的div元素更改为“ Text change”而不是“ top”。如您所见，它在代码段中正常运行，但是当我在Visual Studio中使用实时服务器扩展名运行html文件时，javascript无法进行更改。我相信我将CSS和javascript正确链接到html文件。这是怎么了document.getElementById("top").innerHTML = "Text change";#top { text-align: center; color: green;}#middle { text-align: center; color: blue; margin-top: 500px;}#bottom { text-align: center; color: red; margin-top: 1000px;}<head> <link rel="stylesheet" href="style.css"></head><body> <script src="javascript-test.js"></script> <div id="top">top</div> <div id="middle">middle</div> <div id="bottom">bottom</div></body>

查看完整描述

2 回答

犯罪嫌疑人X

TA贡献2080条经验获得超4个赞

HTML加载之前，JavaScript已运行。将<script>标记移到页面底部，紧接在结束</body>标记之前：

  <script src="javascript-test.js"></script>
  </body>

反对回复 2021-05-27

蛊毒传说

TA贡献1895条经验获得超3个赞

尝试将<script>标记放入中，<head>以使javascript首先运行。

<head>

</head>

反对回复 2021-05-27

热搜

最近搜索清空

Web项目在Visual Studio实时服务器中无法正常运行

Web项目在Visual Studio实时服务器中无法正常运行

2 回答

添加回答