Dom getAttribute 获取元素节点内容

最新推荐文章于 2024-06-05 20:55:18 发布

原创最新推荐文章于 2024-06-05 20:55:18 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

未经允许不得随意转载，著作权归__盛某人所有

本文详细介绍了getAttribute方法的使用，此方法用于获取HTML元素的属性值。通过示例代码展示了如何结合getElementById方法，从指定的<a>标签中提取href属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>getAttribute获取属性</title>
    <!--getAttribute方法只有一个参数，我们要查询的属性的名字。
    该方法不属于document对象，只能通过元素节点对象调用。比如与getElementById方法合用：-->
    <script>
       //获取元素节点的属性值
      function getAtrr(){
      	  //获取元素节点
      	  var a=document.getElementsByTagName("a")[0];
      	  //获取属性节点
      	 document.getElementById("p1").innerText= a.getAttribute("href");
      }
    </script>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="http://www.sohu.com" target="_parent">搜狐</a>
    <a href="http://www.sina.com" target="_blank">新浪</a>
    <a href="http://www.csdn.com" target="_blank">优快云</a>
    <div class="container" title="main">
    </div>
    <button onclick="getAtrr()">获取属性</button>
    <p id="p1"></p>
    <p id="p2"></p>
</body>
</html>