JS/修改元素内容/报错Cannot set properties of null (setting 'onclick')
跟着黑马pink敲的一模一样的代码，但是我的报错
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<style>
div {
width: 300px;
height: 30px;
line-height: 30px;
color: #fff;
background-color: rgba(66, 252, 91, 0.639);
}
style>
head>
<body>
<button>显示当前系统时间button>
<div>某个时间div>
<script>
//1.获取事件源
var btn = document.querySelector('botton');
var div1 = document.querySelector('div');
//2.注册事件
/* 如果是使用获取标签名,类名的返回的是伪数组,
必须加上索引使用,才能成为Element */
btn.onclick = function () {
div1.innerText = '2022-11-23';
}
script>
body>
html>
结果报错
网上搜了之后说好像是因为预解析，但是不知道该怎么改，麻烦各位帮忙看看，谢谢！
