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

gnehc 发布于2019-08-26 10:44 / 1880人阅读

摘要：选择器返回文档中匹配指定选择器的一个元素例选择器返回文档中匹配指定选择器的所有元素类名添加类名类名移除类名类名判断类名是否设置自定义属性名获取自定义属性返回的是一个对象属性名或属性名设置自定义属性自定义属性名值或自定义属性名值例子学习

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

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

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

h5学习视频链接:https://pan.baidu.com/s/1wYDr...
提取码:68fn

云服务器 GPU云服务器获取子元素属性 js 获取类名 java直接获取类名 php获取类的类名

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106675.html

常用H5

摘要：笔记了解属于上一代的新迭代语言，设计最主要的目的是为了在移动设备上支持多媒体例如标签和及标记新特性取消了过时的显示效果标记和新表单元素引入新语义标签的引入标签图形设计本地数据库本地存储一些好处跨平台HTML5笔记了解HTML5 ☞HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体！！！例如： video 标签和 audio 及 canv...

dabai 2019-04-23 11:50 评论0 收藏0
纯干货！jQuery之DOM操作解析

摘要：本人的两篇原创文章纯干货一切关于选择器和纯干货之操作解析，发布不到个月，就被博客园某账号认领为他的原创，并且他还精心地将慕课网原创文章的版权声明和文章中关于我的点点滴滴，删除地干干净净，很专业。　　本人的两篇原创文章纯干货！一切关于jquery选择器和纯干货！jQuery之DOM操作解析，发布不到1个月，就被博客园某账号认领为他的原创，并且他还精心地将慕课网原创文章的版权声明和文...

yzd 2019-08-21 11:17 评论0 收藏0
01.HTML

摘要：向服务器提交表单的通常做法是使用提交按钮。规定浏览器应该自动完成表单默认开启。规定在提交表单时所用的方法默认。规定识别表单的名称对于使用。表单元素表单元素是允许用户在表单中输入内容比如文本域下拉列表单选框复选框等等。网页的组成结构（HTML）：超文本标记语言表现(CSS):层叠样式表行为(JavaScript):脚本语言一个良好的网页要结构、表现、行为三者分离 HTML简...

aboutU 2019-08-02 15:22 评论0 收藏0
01.HTML

摘要：向服务器提交表单的通常做法是使用提交按钮。规定浏览器应该自动完成表单默认开启。规定在提交表单时所用的方法默认。规定识别表单的名称对于使用。表单元素表单元素是允许用户在表单中输入内容比如文本域下拉列表单选框复选框等等。网页的组成结构（HTML）：超文本标记语言表现(CSS):层叠样式表行为(JavaScript):脚本语言一个良好的网页要结构、表现、行为三者分离 HTML简...

Soarkey 2019-08-19 11:48 评论0 收藏0