JS学习(二)

一、JS获取DOM元素

<div id="test1">test1</div>
<div class="test"></div>

1、通过id查找

document.getElementById("test1");

2、通过class查找

document.getElementsByClassName("test");

通过class获取的是一个数组，因此在使用时需要按数组的方式。

3、通过标签名查找

document.getElementsByTagName("test");

通过标签名获取的是一个数组，因此在使用时需要按数组的方式。

4、querySelectorAll()

document.querySelectorAll(".test");

获取文档中class="test"的所有元素。

二、JS修改DOM元素属性

获取到DOM元素后，例如

let test1 = document.getElementById("test1");
// 将id=test1的元素的背景颜色改为红色
test1.style.backgroundColor = "red"

语法为

document.getElementById(id).style.property = new style

HTML DOM Style 对象

https://www.w3school.com.cn/jsref/dom_obj_style.asp

三、JS正则表达式

直接量语法:

/pattern/attributes

创建 RegExp 对象的语法:

new RegExp(pattern, attributes);

其中pattern为匹配规则，attributes为匹配模式（i:执行对大小写不敏感的匹配、g:执行全局匹配、m:执行多行匹配）

RegExp对象方法
test()方法用于检测一个字符串是否匹配某个模式

let str1 = "123456"
let str2 = "abc"
let patt = /^[0-9]*$/;
console.log(patt.test(str1))
console.log(patt.test(str2))

结果：
true
false