es6学习4: 原生js常用api

2021-06-27 01:06

阅读:600

标签:style   nts   切换   元素   form   class   属性   指定位置   frame   

 

 

二、选择器

document.querySelector(selectors)           // 接受一个CSS选择器作为参数,返回第一个匹配该选择器的元素节点。
document.querySelectorAll(selectors)         // 接受一个CSS选择器作为参数,返回所有匹配该选择器的元素节点。
document.getElementsByTagName(tagName) // 返回所有指定HTML标签的元素
document.getElementsByClassName(className) // 返回包括了所有class名字符合指定条件的元素
document.getElementsByName(name)      // 用于选择拥有name属性的HTML元素(比如
、、等)

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的有无

二、选择

二、选择

二、选择

二、选择

二、选择

es6学习4: 原生js常用api

标签:style   nts   切换   元素   form   class   属性   指定位置   frame   

原文地址:https://www.cnblogs.com/rushAvenda/p/10087521.html


评论


亲,登录后才可以留言!