JS---DOM---自定义属性引入和移除

本文转载自查看原文 2019-12-05 19:00 320 DOM/ JS/ 自学转行

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

html标签中有没有什么自带的属性可以存储成绩的----没有
本身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>

移除自定义属性:removeAttribute("属性的名字")

  <input type="button" value="移除自定义属性" id="btn" />
  <div id="dv" score="80分" class="cls"></div>
  <script src="common.js"></script>
  <script>
    my$("btn").onclick = function () {
      // my$("dv").removeAttribute("score");
      // my$("dv").className = "";
      //也可以移除元素的自带的属性
      my$("dv").removeAttribute("class");
    };
  </script>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 JS DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置 js：自定义属性（获取、设置、移除） DOM自定义属性操作 JavaScript DOM操作案例移除元素的自定义属性 Js中自定义属性 js 自定义属性 js自定义属性的操作 js DOM（二）获取元素的方式、innerText、textContent、innerHTML、自定义属性 js关于为DOM对象添加自定义属性的方式和区别 JS的DOM操作2--创建自定义属性和节点(附带动图案例)