##获取元素的新方法##
--document.querySelector('Css Selector{css选择器}') 接收一个css选择器（通配，群组，类，包含，id。。。。等） 若这个选择器对应的是一组元素，就找第0个，注意js从0开始计数。CSS计数从一开始。
##判断##
当同一种操作有两种不同结果时要用if
if(判断条件){
条件成立执行内容
}else{
条件不成立执行内容}
if括号中真正接收的是布尔值即true 或 false
if(最终接收内容为true或false){
为true时执行的内容
}else{
为假时执行语句}
一种操作下，会有两种或两种以上的执行结果，记得用判断。
写if判断时 首先找到判断条件。
如果没有条件就创造一个条件。（注意style提取 的是行内样式，若行内样式没有则第一次提取为空。）
自己定义布尔值时，先进行定义，然后在if（）中应用是不需要进行判断 直接书写即可
---------------------------------------------------------------------------------------------------------------------------
比较语句
逻辑运算符
==相等
！=不等
>=大于等于
<=小于等于
>大于
<小于
-----------------------------------------------------------------------------------------------------------------
true成立（真）
false不成立（假）
数据类型：
10 number 数字
”abs“字符串
function()函数
undefined未定义
document对象
boolean布尔值（只有true和false两个值）
-----------------------------------------------------------------------------------------------------------------
自定义条件
自己定义布尔值，并进行应用
！取反符号。一般做布尔值命名前缀为is
------------------------------------------------------------------------------------------------------------------
if的几种写法
if(){
}else{
];
if(){
条件成立就执行里面内容，下边else if 就不会执行
}else if(){
上边条件不成立，就查看本条件
}
变量命名规则:
大小写敏感
字母、数字、美元符号($)和下划线
首字母不允许数字
禁止使用关键字、保留字
------------------------------------------------------------------------------------------------------------------------
user-select：none；（用户选中样式，个浏览器样式不同）
document.querySelectorAll(li)；找到所有的li元素，获取到的为一组元素。
一组元素在JS下不能直接操作。我们把一组元素叫做元素的类集合。
li[ ]选取组中的第几个li元素 js从0 开始。若想操作一组元素，可以使用循环。
能同时获取一组元素的方式
document.getElementsByTagName("标签名" );获取元素下的某种类型的标签。，获取的结果是 一组元素（元素的集合）
document.getElementsByClassName("class名" );获取元素下的同class的标签。，获取的结果是 一组元素（元素的集合）
一组元素（或元素集合，类数组）
操作时。
1.一组元素不能直接操作。
2.一组元素哪怕只有一个，他也是一组元素。
3.一组元素在操作时可以使用下标。
4.如果需要知道这组元素有几个，可以使用length属性。
----------------------------------------------------------------------------------------------------------------------------
##循环##
循环在页面加载完成后就执行完毕，而循环中的点击事件是在循环完成之后才执行。
所以获取循环的值时，会获取到循环执行完之后的结果。
在事件函数中，this代表触发当前事件的元素。