首页 > Windows开发 > 详细

Web API---DOM---自定义属性引入

时间:2019-12-05 19:49:20      阅读:90      评论:0      收藏:0      [点我收藏+]

总结:在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值

  1.   html标签中有没有什么自带的属性可以存储成绩的----没有
  2.   本身html标签没有这个属性, 自己(程序员)添加的----自定义属性---为了存储一些数据
 
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title></title>
  <style>
    ul {
      list-style-type: none;
      cursor: pointer;
    }
  </style>
</head>

<body>
  <ul>
    <li score="60">张三的数学成绩</li>
    <li score="90">赵四的数学成绩</li>
    <li score="90">王五的数学成绩</li>
    <li score="80">唐七的数学成绩</li>
    <li score="50">宋八的数学成绩</li>
  </ul>
  <script src="common.js"></script>
  <script>
    var list = document.getElementsByTagName("li");
    for (var i = 0; i < list.length; i++) {
      list[i].onclick = function () {
        // alert(this.score);//弹出undefined 
        alert(this.getAttribute("score"));
      };
    }
  </script>
</body>

 

Web API---DOM---自定义属性引入

原文:https://www.cnblogs.com/jane-panyiyun/p/11991236.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!