javascript - 为什么这个简单的 JavaScript 代码无法运行?

标签 javascript html

我的 html 看起来像这样:

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/main.css">
<title>Title</title>
</head>
<body>
...
<img src="images/ham.svg" alt="Toggle Menu" class="menu" id="menu_img">
...
</body>
<script type="text/javascript" src="main.js"></script>
</html>

我的 javascript 文件如下所示:

alert('1');

var menu = document.getElementById('menu_img'));

就这样,什么也没有发生。当我删除脚本中的第二行时,我收到警报,因此我认为元素的获取无法正常工作。但是,我不知道为什么不。我是 JavaScript 新手,如果这很简单,我很抱歉。提前致谢。

最佳答案

简单的语法错误。行尾的括号过多:

var menu = document.getElementById('menu_img'));

更正:

var menu = document.getElementById('menu_img');

关于javascript - 为什么这个简单的 JavaScript 代码无法运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55436959/

相关文章:

javascript - 是否可以通过 html5/js 与 WIFI/WIFI DIRECT 交互?

jquery - HTML5 地理定位脚本适用于 Chrome 但不适用于 Safari 或任何 iOS6 浏览器

javascript - js-xlsx 中的货币格式

javascript - 使用 JavaScript 进行解析

javascript - Polymer 2.0 基本 dom-repeat 列表示例不起作用

javascript - 如何解析 JavaScript 类型 Html

javascript - 如何使用 html、css 和 javascript 制作卡片 slider

javascript - 如何聚焦 HTML 表格中的行?

javascript - HTML Canvas 和内存使用

javascript - React/AntDesign 如何使行可拖动? (表格拖动排序)