WebAPI获取元素字符串

2018-01-26 本文已影响0人不正经开发者

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的用法都是一样的，不能截取负的

WebAPI获取元素 字符串