JS案例8-自定义属性getAttribute()
2018-10-17 本文已影响0人
hi__world
-
给HTML标签自定义属性。
-
第一种方法。
1.jpg
-
第二种方法。
2.jpg
源码：
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
</head>
<script>
window.onload=function(){//页面执行完毕后触发此事件。
// 第一种给标签加属性的方法
var div=document.querySelector("div");
div.att1=123;//给DIV标签自定义一个属性。打印是一下
console.log(div.att1)//可以打印，但是标签里面没这个属性。
// 第二种
div.setAttribute("att2","456");//这次用方法再自定义一个属性
console.log(div.getAttribute("att2"))//方法定义的属性必须用方法获取
console.log(div.att2)//直接获取则会返回undifined
}
</script>
<body>
<div>孤独是人生的常态</div>
</body>
</html>
