20220712 十组 袁清清 学习笔记

JavaScript续集

今日学习重点

• for 循环
• while
• 抓取HTML元素的方法
• JavaScript中常用的事件

for循环

for循环的语法如下：

1.语句1：初始化条件，当等于0时，循环开始，只走一次，第一次循环开启之前初始化

2.语句2：判断条件，会和初始化条件配合循环的执行，决定了循环什么时候停止

3.语句3：循环条件，每次循环体执行完毕让i产生变化

4.循环体：循环在重复做什么事情

while循环

while 循环会一直循环代码块，只要指定的条件为 true。

while循环的语法如下

抓取HTML元素的方法

旧方法：

1.根据id去抓取HTML元素let div1 = document.getElementById("div1");

2.根据class抓取HTML元素，得到的时一堆元素let divs = document.getElementsByClassName("div1");

3.根据tag抓取HTML元素，得到的是一堆元素let divs = document.getElementsByTagName("div");

新方法：

1.根据选择器去抓取一个元素let div = document.querySelector('.div2');

2.根据选择器去抓取全部元素let divs = document.querySelectorAll('.div1');

其他拓展：

1.获取元素内部的文本，不会获取到内部的HTML标签innerText

2.获取元素内部的所有内容，包括HTML标签innerHTML

JavaScript中常用的事件

1.onclick：单击事件

2.onchange：改变

3.ondblclick：双击事件

4.onblur：失去焦点

5.onfocus：获得焦点

6.onload：加载

今日学习心得

今天学习的还是JS，可能是因为更加深入的学习了吧，我发现我没有之前那几天听得懂了，反应速度也变慢了，做题思路也没有多少，老师讲解才恍然大悟是这样出来的，写代码要结合很多知识点，之前的你要理解透了才能进行后面的练习，前面几天自己有点懈怠了，这可能是我听得不是很懂的原因。不过这也挺好的，给我当头一棒，让我明白踏踏实实完成老师的要求才能真正收获知识。