html5-常用api

html5-常用api

• document.querySelector("选择器")

  选择器：可以是css中任意一种选择器

  只能选中第一个元素

• document.querySelectorAll("选择器")

返回选中的所有元素

• dom.classList.add("类名");

  给当前dom元素添加类

• dom.classList.remove("类名")；

  删除dom元素的类

• dom.classList.contains("类名");

  检测当前dom是否存在该类名

• dom.classList.toggle("类名");

  给当前dom切换类名，有就删除，没有就添加

• 自定义属性以data- 开头

  设置一个自定义属性

  dom.dataset.age=18

  获取一个自定义属性

dom.dataset.age

• 修改和添加 dom元素的属性

  dom.setAttribute("src",“img/i.png”);

• 获取dom元素的属性

  dom.getAttribute("src");