码迷,mamicode.com
首页 > Web开发 > 详细

html5——DOM扩展

时间:2017-12-15 16:24:48      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:name   div   对象   str   ast   dataset   inf   for   log   

元素获取

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扩展

标签:name   div   对象   str   ast   dataset   inf   for   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!