html页面元素抓取工具,干货:HTML5获取页面元素及类名操作和自定义属性

1 . document.querySelector("选择器");

返回文档中匹配指定 CSS 选择器的一个元素

例:

document.querySelector("p");

document.querySelector(".example");

document.querySelector("p.example");

document.querySelector("a[target]");

document.querySelector("h2, h3").style.backgroundColor = "red";

2. document.querySelectorAll("选择器");

返回文档中匹配指定 CSS 选择器的所有元素

3. classList.add("类名");

添加类名

4. classList.remove("类名");

移除类名

5. classList.contains("类名");

判断类名是否设置

6. data-自定义属性名

获取自定义属性 Dom.dataset 返回的是一个对象

Dom.dataset.属性名 或 Dom.dataset[属性名]

设置自定义属性

Dom.dataset.自定义属性名 = 值 或 Dom.dataset[自定义属性名] = 值

例子:

display name

var dataset = document.getElementById("cuebar");

if( '18' === dataset.dataset['age'] ){

console.log(' is 18');

}

dataset['oox'] = 'some value';

dataset['id'] = 'new id';