10.自定义属性

• 10.自定义属性
  • 1.定义
  • 2.取值

1.定义

<p data-school-name="xcooo">星城哈哈</p>

• data-开头 多个单词使用 - 连接
• data-后必须至少一个字符, 名称不要有特殊符号, 不要纯数字

2.取值

<script>
		window.onload=function(){
			var p = document.querySelector("p")
			// 获取自定义属性值
			// 将data-后面的单词使用 camel命名法连接
			// var value = p.dataset["schoolname"]; //data-schoolname
			var value = p.dataset["schoolName"]; //data-school-name
			console.log(value);
		}
</script>