【HTML5的自定义属性的使用总结】的更多相关文章

HTML5的自定义属性data-* 的用法解析

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据.但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用.这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和…

HTML5的自定义属性data-*详细介绍和JS操作实例

当然高级浏览器下可通过脚本进行定义和数据存取.在项目实践中非常有用. 例如: 复制代码 代码如下: <div id = "user" data-uid = "12345" data-uname = "脚本之家" > </div> 使用attribute方法存取 data-* 自定义属性的值 使用attributes方法存取 data-* 自定义属性的值非常方便: 复制代码 代码如下: // 使用getAttribute获取…

HTML5中自定义属性（data-*）

在HTML元素上直接添加以‘data-’开头的属性,例如 <div data-mydata='this is my data'></div> 操作它的方式有classList 和dataset,见我另一篇博客: 链接:https://www.cnblogs.com/yummylucky/p/10685650.html dataset 与 getAttribute/setAttribute 的区别是: dataset 只可以操作 ‘data-’ 开头的自定义属性,而 getAttri…

HTML5的自定义属性的使用总结

https://blog.csdn.net/qq_31851435/article/details/53100691 <div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div> 方法一 var myDiv = document.getElementById("myDiv"); var theValue = myDiv.getAttribute("us…

HTML5 自定义属性

先声明  HTML5的自定义属性浏览器支持性不太好   目前只有firefox6+和chrome浏览器支持 元素除了自带的属性外 另外也可以加自定义属性   不过需要在前面加上data- 下面举个例子 <div class="btn user" data-appid='我是自定义属性的值'>我是div</div> 怎样获得   和更改自定义属性呢?  通过dataset属性 console.log(document.compatMode) var div=doc…

JS中的自定义属性

<div id="div1" a="a" data-bbb="bbb">div</div> <script> var oDiv=document.getElementById('div1'); oDiv.b='b'; alert(oDiv.a); //undefined:因为HTML中的自定义属性不能直接获取 alert(oDiv.b); //b:通过JS添加的自定义属性能直接获取 alert(oDiv.get…

[js高手之路]html5 canvas动画教程 - 自己动手做一个类似windows的画图软件

这个绘图工具,我还没有做完,不过已经实现了总架构,以及常见的简易图形绘制功能: 1,可以绘制直线,圆,矩形,正多边形[已完成] 2,填充颜色和描边颜色的选择[已完成] 3,描边和填充功能的选择[已完成] 后续版本: 橡皮擦,坐标系,线形设置,箭头,其他流程图形,裁剪与调整图形..... 终极目标: 流程绘制软件 我是之前看见一位朋友在我的博客中留言说: 非常感谢这个朋友,今天终于抽出时间完成非常非常小的雏形! 完整的雏形代码,请自行打开,复制到本地测试. <head> <meta cha…

html5 + css3 + jQuery + 响应式布局设计

1. [代码][HTML]代码     <!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="utf-8" /><title>html5 - 新增属性与技术总结 - by sole</title><meta name="keywords" content="html…

HTML5常用知识点

github代码:https://github.com/showkawa/H5C3/tree/master/html5 1.自定义属性 data- 1.1 可以给html里的所有DOM对象都可以添加一些data-*的属性 1.2 用来记录与当前DOM强相关的数据 1.3 设值 .setAttribute('data-A',kawa); 1.4 取值 .dataset['A']; 2.选择器 2.1 document.querySelector('selector'); 返回满足条件的第一个元素…

学习前端第二天心得体会（初步了解HTML5的部分API以及画布Canvas）

一.HTML5部分API 1.选择器querySelector和querySelectorAll 1.1.querySelector:返回文档中匹配指定的CSS选择器的第一元素.  document.querySelector(CSS selectors),CSS selectors(指定一个或多个匹配元素的 CSS 选择器. 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素. 对于多个选择器,使用逗号隔开,返回一个匹配的元素). 1.2.querySelectorAll : H…