十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
HTML5的data-*自定义属性HTML5增加了一项新功能是自定义数据属性,也就是data-*自定义属性。在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性,来进行一些数据的存放。
成都创新互联专注于云梦网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供云梦营销型网站建设,云梦网站制作、云梦网页设计、云梦网站官网定制、小程序设计服务,打造云梦网络公司原创品牌,更为您提供云梦网站排名全网营销落地服务。
首先,添加一些简单的内容和自定义属性以及ID等元素,以便能够识别JavaScript示例。正如所看到的那样,自定义属性的形式为:“data-*”,在“data-”部分设定名称或者选定的名称。在HTML5中使用自定义属性,这是唯一有效的方法。
div id=newTest myAttr=getAttr/div 这里的“myAttr”就是这个标签的自定义属性了。如果定义了属性却使用不了,那么这个属性就没有任何意义了,接下来就是如何去调用我们的自定义属性的值了。
给元素自定义属性是在HTML5中新加入的一个特性。简单来说,自定义数据属性规范规定任何以data-开头属性名并且赋值。
确切的说data-*并不是自定义属性,而是解决自定义属性的一种方案。因为大部分自定义属性都是为了在标签上存储数据。data-*里存储的内容可以使用JavaScript语言直接读取。相比不用data-*自定义属性更容易读取和存储。
1、使用data-*可以解决自定义属性混乱无管理的现状。
2、HTML5的data-*自定义属性HTML5增加了一项新功能是自定义数据属性,也就是data-*自定义属性。在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性,来进行一些数据的存放。
3、自定义属性:在HTML5中我们可以自定义属性,其格式如下data-*=,例如:data-info=我是自定义属性,通过Node.dataset[info] 我们便可以获取到自定义的属性值。
4、给元素自定义属性是在HTML5中新加入的一个特性。简单来说,自定义数据属性规范规定任何以data-开头属性名并且赋值。
自定义属性:在HTML5中我们可以自定义属性,其格式如下data-*=,例如:data-info=我是自定义属性,通过Node.dataset[info] 我们便可以获取到自定义的属性值。
在body中设置自定义元素,在head部分脚本区域利用JavaScript元素进行访问。二,创建元素:首先,添加一些简单的内容和自定义属性以及ID等元素,以便能够识别JavaScript示例。
首先创建一个名称为button的html文件,如下图所示。在body中加入onmousedown事件,事件中加入自定义函数,函数中加入事件返回对象。接着加入一个p标签加入id,如下图所示。