首页 > Web开发 > 详细

html5——DOM扩展

时间:2017-12-15 16:11:14      阅读:235      评论:0      收藏:0      [点我收藏+]

元素获取

1、document.getElementsByClassName (‘class‘) 通过类名获取元素,以类数组形式存在。

2、document.querySelector(‘div’) 通过CSS选择器获取元素,符合匹配条件的第1个元素。

3、document.querySelectorAll(‘selector‘) 通过CSS选择器获取元素,以类数组形式存在。

类名操作

1、Node.classList.add(‘class‘) 添加class

2、Node.classList.remove(‘class‘) 移除class

3、Node.classList.toggle(‘class‘) 切换class,有则移除,无则添加

4、Node.classList.contains(‘class‘) 检测是否存在class

自定义属性

1、自定义属性格式:data-*="",例如data-info="informant"。

2、自定义属性获取:上例,通过Node.dataset[‘info‘] 我们便可以获取到自定义的属性值informant

3、Node.dataset是以类对象形式存在的当我们如下格式设置时,则需要以驼峰格式才能正确获取:data-my-name="itcast",获取Node.dataset[‘myName‘]

html5——DOM扩展

原文:http://www.cnblogs.com/wuqiuxue/p/8043468.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!