一、查询选择器：querySelector()
查询选择器能够获取你查询的元素
用法：
image.png
上面的语句含义为：
左边：声明一叫myButton的变量
右边：在document对象中找一个标签为button的元素
=：并把这个元素赋值给myButton
这样之后，我们就拿到了写在html里的button按钮，并且可以通过变量myButton调用这个按钮
注意，（）里面输入的必须是字符串，并且还可以写成：
let myButton = document.querySelector('.one')
let myButton = document.querySelector('#btn')
let myButton = document.querySelector('[class]')
以上写法都可以拿到这个元素，因为querySelector()可以识别所有的选择器类型
、、、、、、、、、、、、、、、、、、、
、、、、、、、、、、、、、、、、、、、
、、、、、、、、、、、、、、、、、、、
二、点击事件
当js获取到html内的元素后，就可以联动html，写出点击事件了
1、onclick属性：中文翻译：鼠标单击
image.png
意思是:当鼠标单击button按钮时，触发这个函数（myButton就是html里的button元素）
、、、、、、、、、、、、、
、、、、、、、、、
、、、、、、、、、、、、
三、当前对象：event
1、event是什么？
解释：当你对网页做了某件事，做这件事的后一瞬间，比如点击某个按钮，就是这件事。
如何理解“后一瞬间”：比如勾选表单里面的多选input，选中的input对象的checked属性的属性值会变为ture（默认为false），如果再次点击，也就是取消选中状态，那么checked的属性值又会变为false
如何理解input对象的checked属性？：
···首先，input对象 不等于写在html里面的 input 标签
···其次，只有在触发某件事情的时候，这个对象才存在
···比如，当鼠标单击input标签时，就会存在一个对象，这个对象包括了许多东西，如：触发这件事的方式：鼠标单击；触发这件事时，键盘的shift、ctrl、alt等有特殊意义的按键状态是按下的，还是松开的；以及，触发这件事情的是html里的哪一个元素（也就是上面的input标签）
···总之，这个对象内部，包含了许多可能会用到的信息，但他是短暂存在的，如果不调用，事件结束后，就无法再调用了，下一次点击，出现的就是下一次的状态。
····那么，如何调用这个对象里的“触发事件的html标签”呢？方法是：event.target
·········例子：单击按钮时，在控制台输出event.target
image.png
·····可以看到，点击按钮后控制台输出了一个html里的button标签，包括标签包括住的文字“测试按钮”
·····如果标签上还写了一些属性呢，比如类名·····结果类名也会被打印到控制台
image.png
·····现在修改一下代码，再添加一个没有设置点击事件的按钮，当鼠标移到控制台里的标签上时，网页内的按钮也会同时高亮显示，表示：这个标签代表这个元素，
···这种情况，和“元素”一栏里面的效果一样
image.png
image.png
2、event的其他一些有用的属性
···首先可以在控制台输出event，然后通过三角按钮展开它
image.png
······2.1浏览器兼容问题
···说明一下event.target===event.srcElement;这是兼容性问题
···浏览器兼容性：5大浏览器中，并不是所有浏览器的event对象里面都同时存在target和srcElement属性，这里是因为谷歌属于两个都有，而有些浏览器只有srcElement，有些又只有target；这时候调用event.target就可能会遇到·······“变量不存在”·······
image.png
···为了解决这个问题，代码往往写成下面的方式
image.png
不仅如此，再过，有些浏览器甚至不能直接调用event，需要先调用window,再调用event，因此浏览器兼容实际上写成下面的方式（这是过去，现在2022年不清楚，待求证）
image.png
···2.2event一些其他常用属性
·········2.1.1········localName
image.png
·····localName可以用来判断你点击的元素，是不是你想要的元素
·····下面代码的功能：在网页中又很多input多选框，当你勾选任意多选时，控制台会输出当前你勾选了多选框的数量，当你取消勾选时，最新输出也会相应的-1
······但是如果没有e.target.localName === 'input' 这个判定，你虽然点击了网页，但是没有点中input，它也会自动-1
image.png
image.png
