es6学习4: 原生js常用api

Posted 2021-01-25 rushavenda

 

 

二、选择器

document.querySelector(selectors) 　　　　 　　　  // 接受一个CSS选择器作为参数，返回第一个匹配该选择器的元素节点。
document.querySelectorAll(selectors) 　　　　 　　 // 接受一个CSS选择器作为参数，返回所有匹配该选择器的元素节点。
document.getElementsByTagName(tagName)           // 返回所有指定html标签的元素
document.getElementsByClassName(className)       // 返回包括了所有class名字符合指定条件的元素
document.getElementsByName(name) 　　　　          // 用于选择拥有name属性的HTML元素（比如<form>、<radio>、<img>、<frame>、<embed>和<object>等）
document.getElementById(id) 　　　　　　　　        // 返回匹配指定id属性的元素节点。
document.elementFromPoint(x,y) 　　　　　　        // 返回位于页面指定位置最上层的Element子节点。

二、class操作

Element.classList.add(className);           //添加类名
Element.classList.contains(className);      //是否包含
Element.classList.remove(className);        //移除类名
Element.classList.replace();                //添加一个类
Element.classList.toggle(className);        //切换className的有无

二、选择

二、选择

二、选择

二、选择

二、选择