Javascript运行不正确-尝试了所有操作
我的javascript只有一行代码，它得到了“getElementById null”错误Javascript运行不正确-尝试了所有操作,javascript,html,css,Javascript,Html,Css,我的javascript只有一行代码，它得到了“getElementById null”错误 document.getElementById（“菜单背景”）.style.left=“0”； HTML: CSS: #菜单背景{ 位置：固定； 宽度：100%； 身高：100%； 背景图片：url（“images/background.png”）； 背景位置：中心； 背景尺寸：封面； 排名：0； 文本对齐：居中； 左：100%； } #主菜单{ 宽度：60vw； 高度：80vh； 边框样式：实心
document.getElementById（“菜单背景”）.style.left=“0”；
#菜单背景{
位置：固定；
宽度：100%；
身高：100%；
背景图片：url（“images/background.png”）；
背景位置：中心；
背景尺寸：封面；
排名：0；
文本对齐：居中；
左：100%；
}
#主菜单{
宽度：60vw；
高度：80vh；
边框样式：实心；
边界半径：1.125em；
边框颜色：#b88a00；
保证金：自动；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景色：rgba（0,0,0,0.75）；
过渡：均为0.25秒；
}
我运行VisualStudio代码并检查了到js的链接。我还尝试在HTML文件中运行它。您应该将
脚本<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<div id="menu-background">
<div id="main-menu"></div>
</div>
<script type="text/javavascript" src="js/main-menu.js"></script>
</body>
</html>
window.addEventListener('DOMContentLoaded', function(e) {
document.getElementById("menu-background").style.left = "0";
});
我发现了问题 我的HTML文件名为“main.HTML”，当我将其重命名为“index.HTML”时，它工作了
谢谢你们的快速回复，伙计们。我是新来的，所以我是认真的。我认为你应该把你的javascript放到窗口的
DOMContentLoadedwindow.onload=function（）{//your code here}