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>
莫回无浏览 148回答 2
2回答
-
犯罪嫌疑人X
HTML加载之前，JavaScript已运行。将<script>标记移到页面底部，紧接在结束</body>标记之前： <script src="javascript-test.js"></script> </body> -
蛊毒传说
尝试将<script>标记放入中，<head>以使javascript首先运行。<head> <link rel="stylesheet" href="style.css"> <script src="javascript-test.js"></script></head>
随时随地看视频慕课网APP
相关分类
JavaScript