js if for 详解 获取元素方式 及一些js 基础知识

 

##获取元素的新方法##

-- 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代表触发当前事件的元素。