31通过属性名获得属性值

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>通过属性名获取属性值</title>
 6 </head>
 7 <body>
 8 <h3 id="m" title="BOBO" style="cursor:pointer;">点击我，获取标签的属性值</h3>
 9 
10 </body>
11 
12 <script type="text/javascript">
13     var a = document.getElementById("m");
14     a.onclick = function () {
15 
16         var r1 = a.getAttribute("id");
17         var r2 = a.getAttribute("title");
18 
19         console.log("h3标签的ID:" + r1);
20         console.log("h3标签的title:" + r2);
21     }
22 
23 </script>
24 
25 </html>

View Code

效果图：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>通过属性名获取属性值</title>
</head>
<body>
<h3 id="m" title="BOBO" style="cursor:pointer;">点击我，获取标签的属性值</h3>

</body>

<script type="text/javascript">
    var a = document.getElementById("m");
    a.onclick = function () {

        var r1 = a.getAttribute("id");
        var r2 = a.getAttribute("title");

        console.log("h3标签的ID:" + r1);
        console.log("h3标签的title:" + r2);
    }

</script>

</html>