gpt4 book ai didi

javascript - Web 元素在 Visual Studio 实时服务器中无法正常运行

转载 作者:太空宇宙 更新时间:2023-11-04 00:50:16 25 4
gpt4 key购买 nike

我在 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>

最佳答案

您的 JavaScript 在您的 HTML 加载之前运行。移动 <script>标记到页面底部,就在您结束之前 </body>标签:

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

关于javascript - Web 元素在 Visual Studio 实时服务器中无法正常运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56095878/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com