📌  相关文章
📜  getattribute - Javascript (1)

📅  最后修改于: 2023-12-03 15:15:15.187000             🧑  作者: Mango

JavaScript中的getattribute

在JavaScript中，getattribute是一个用于获取某个元素的属性值的方法。它可以用于获取HTML元素的所有属性值，包括内置属性和自定义属性。

语法
element.getAttribute(name);

其中，name表示要获取的属性名，element表示要获取属性的HTML元素。

参数
  • name：要获取的属性名。如果属性不存在，则返回null。
返回值
  • 返回指定属性的值。
例子
<html>
  <head>
    <title>getAttribute Example</title>
  </head>
  <body>
    <button id="btnExample" class="btn btn-primary" type="button" value="Click me">Click me</button>
    <script>
      var btn = document.getElementById("btnExample");
      var value = btn.getAttribute("value");
      console.log(value); // Click me
      var cssClass = btn.getAttribute("class");
      console.log(cssClass); // btn btn-primary
    </script>
  </body>
</html>

上述例子中，我们使用了getattribute方法来获取button按钮的value和class属性值，并在控制台中打印出来。

注意事项
  • 使用getattribute方法获取自定义属性值时，属性名必须带有"data-"前缀，例如"data-id"。
  • 在某些浏览器中，读取一些特殊属性（如"style"属性）需要使用getAttribute()方法。在其他浏览器中，可以直接通过 element.style.propertyName 读取。