1、根据id找某个元素
document.getElementById()
getElementById只能通过document来调用,不能通过其他元素调用
得到元素会以返回值形式返回,如果找不到,会得到null
2、window.onload:等页面所有资源加载完毕触发
非要把操作元素的代码写body上面,就需要加window.onload
3、操作html元素的部分属性
.className找到class 注意:直接赋值会覆盖原来的class
如果只是想加一个class,就用className +='类名'(前面要加空格)
style:也是一个对象,可以继续点出它的其他属性
innerText:获取或设置双标签之间的文字
4、根据标签获取元素:document.getElementsByTagName();
无论如何得到的都是一个伪数组,如果只找到一个,也返回一个长度为1的数组,如果一个都没有,就返回一个空数组,除了可以通过document来调用,也可以通过其他元素来调用,其他元素来调用就代表找到其他元素下面的所有这个标签
5、根据class找到元素:document.getElementsByClassName();
无论如何得到的都是一个伪数组,如果只有一个返回长度为1的数组,如果一个都没有返回长度为0的空数组,也可以通过其他元素来调
6、通过name找到元素:getElementsByName();
一般用在表单元素,无论如何得到的都是一个伪数组,如果只有一个返回长度为1的数组,如果一个都没有返回长度为0的空数组,也可以通过其他元素来调
7、querySelector和querySelectorAll
都是传选择器,不同在于querySelector只会找打一个,第一个匹配的;querySelectorAll找打所有匹配,返回一个伪数组
8、JS中的事件
事件:就是用户跟界面上的元素交互(点击、鼠标移入、键盘按下)的那个瞬间,产生的一种结果
事件三要素:事件源、事件类型、事件响应
如果行内式的事件,要调动已经存在的函数是要加小括号的;JS代码绑定的事件,就不用加
*disabled:只要写上,就有禁用效果,无论给什么值 checked(默认选择)跟selected(下来框)也一样
9、字符串的一些方法
concat:就是+的功能
indexOf('要查找的内容'):如果找到返回首字母的索引;找不到返回-1;传入空字符串得到0
toLocaleLowerCase() 改为小写字母 ;
toLocaleUpperCase() 改为大写字母
charAt(索引):得到字符串中的某个字符
slice:截取字符串 返回值是被截取的内容
如果只传一个参数,代表从这个下标位置开始截,一直截取到最后;如果传2个参数:参数1代表从哪个下标开始(包括),参数2代表哪个下标结束(不包括结束上的字符)
substr:跟slice几乎一样,区别是传2个参数,第二个参数代表截取多少个长度
substring:参数1和参数2跟slice的用法都是一样的,不能截取负的