在HTML5中的DOM操作

获取元素

var box1=document.querySelector("");

//("")中可以包含标签名、类名、后代选择器、子代选择器

注意：这种选择方式，选到的都是符合条件的第一个，一般可用于选择id选择器

var box1=document.querySelectorAll("");
//("")中可以包含标签名、类名、后代选择器、子代选择器

这种方式可以选择所有符合条件的节点，返回值是一个数组

类名操作

添加类

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

删除类

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

注意：如果不写类名的话，删除的是选中节点的所有类

切换类

selector.classList.toggle("类名");

包含类

selector.classList.contains("类名");
//返回值是true或false

自定义属性

• 自定属性必须以data开头 data-name、data-age
• 获取和赋值自定义属性
  selector.dataset['name'] selector.dataset['age']

注意：如果是data-my-name这种形式的，则可以写selector.dataset['myName']