HTML5资料之DOM扩展

◆ 获取元素：

document.getElementsByClassName (‘class’)：通过类名获取元素，以数组形式返回。
document.querySelector(‘div’)：通过CSS选择器获取元素，符合匹配条件的第1个元素。
document.querySelectorAll(‘selector’)：通过CSS选择器获取元素，以数组形式返回。

◆ 类名操作：

node.classList.add()：添加类名
node.classList.remove()：删除类名
node.classlist.contains()：判断是否包含指定的类名
node.classList.toggle()：切换指定的类名

注：node指一个有效的DOM节点

◆ 自定义属性：

自定义属性格式：data-*=""

data-info="我是自定义属性"

node.dataset以类对象形式存在，可以通过如下方式获取自定义属性的值

node.dataset['info']

注：当我们如下格式设置时，则需要以驼峰格式才能正确获取data-my-name=“itcast”，获取Node.dataset[‘myName’]

本文链接：https://blog.csdn.net/sky6even/article/details/88370066

智能推荐

HTML5 DOM File API

访问选中的文件简单的html代码：通过File API,我们可以在用户选取一个或者多个文件之后（如果你的程序可以让用户选择多个文件,记得要在input元素上加上multiple属性）,访问到代表了所选文件的一个或多个File对象,这些对象被包含在一个FileList对象中. 如果用户只选择了一个文件,那么我们只需要访问这个FileList对象中的第一个元素. 可以使用传统的DOM选择方法来获取...

HTML5中的DOM操作

本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 文章目录 1.自定义属性 2.鼠标点击时Tab栏切换 3.小结 1.自定义属性在标签内添加属性，以data-开头 2.鼠标点击时Tab栏切换需求： 1.显示初始选中的内容 2.鼠标点击时Tab栏切换思路： 1.初始状态： (function (key) {}）（i），key表示当...

html5新增的DOM操作

...

UIWebView 的 HTML5 扩展

对于不少iOS开发者来说，HTML5的内容比较陌生。尤其是UIWebView类的 stringByEvaluatingJavaScriptFromString 方法让很多人觉得又得学一种新的语言。而这一部分也是项目中学生常问的问题之一。本文以Category（类目）的方式扩展了UIWebView类，将一些常用的JavaScript操作封装成UIWebView类方法。...

HTML5之geolocation

1 获取地理位置信息：geolocation 支持地理位置相关API的浏览器中具有navigator.geolocation属性，该属性具有三个方法：（1）获取当前位置信息 &nb...

代码先锋网代码片段及技术文章聚合