<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
alert(document.getElementById("btn"))
</script>
</head>
<body>
<input type="button" id="btn" value="你好" />
</body>
</html>
大兄弟,js从上往下执行,js是一门单线程的语言,你弹出btn,压根就找不到btn
看来我得研究一下这个了。
在你执行js弹出的时候,那个按钮还没有创建,找不到就是null。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<input type="button" id="btn" value="你好" />
<script>
alert(document.getElementById("btn"))
</script>
</body>
</html>
顺序问题,弹框的时候找不到id,把id="btn"放在js前面。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
这里导入jquery包
<script>
$(function () {
alert(document.getElementById("btn"))
});
</script>
</head>
<body>
<input type="button" id="btn" value="你好" />
</body>
</html>
这样呢,我试试吧