php html标签自定义属性,html5自定义属性：如何获取自定义属性值（附代码）

这篇文章给大家介绍的内容是关于html5自定义属性：如何获取自定义属性值(附代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

自定义属性：

在HTML5中我们可以自定义属性，其格式如下data-*=""，例如：data-info="我是自定义属性"，通过Node.dataset['info'] 我们便可以获取到自定义的属性值。

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

Title

传智播客

传智播客

window.οnlοad=function(){

var p=document.querySelector("p");

/*获取自定义属性值*/

/*将data-后面的单词使用camel命名法连接:必须使用camel合法法获取值否则有可能无法获取到值*/

//var value=p.dataset["schoolname"];//data-schoolname 就是相当于上面的代码块来着同一个意思来着

var value=p.dataset["schoolName"];//data-school-name 里面的取值必须第二个单词。的第一个字母必须是大写字母来着

console.log(value);

}

相关文章推荐：