如何设置HTML自定义属性-排行榜大全

在HTML元素中添加自定义属性，通过JavaScript进行访问，而HTML5可以为提供在有效的网页内创建并使用自己的元素属性的功能。

方法为：

1、创建HTML5文件，在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。

2、创建元素，自定义属性允许以一种特殊的方式利用页面内的JavaScript代码来设置元素，

3、添加测试按钮：在页面上利用自身的JavaScript元素即可执行事件，前提是将下面的代码添加到页面

HTML5新增自定义属性的特性,在HTML代码中,我们可以在标签上直接定义自定义属性,自定义属性命要以'data-'开头

我们可以使用原生JS获取到自定义属性的值

let p = document.querySelector('p')

console.log(p.dataset.hello) //这是自定义属性的值

也可以通过jquery获取自定义属性的值

$('p').data('hello') //这是自定义属性的值

当然,也可以通过传统的方法来获取自定义属性的值

let p = document.querySelector('p')

p.getAttribute('data-hello');

p.setAttribute('data-hello','这是重新赋值')

//jquery

$('p').attr('data-hello') //获取

$('p').attr('data-hello','设置') //设置

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值');$('#txt').attr('data', 'test');。

3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。

如何设置HTML自定义属性