如何用getattribute获取自定义属性 - 问答

要使用getattribute获取自定义属性，可以按照以下步骤进行：

获取元素对象：首先需要获取包含自定义属性的元素对象，可以使用document.getElementById()、document.querySelector()等方法获取。
使用getattribute方法：一旦获取到元素对象，可以使用getattribute方法获取指定的自定义属性的值。例如，如果元素有一个名为data-custom的自定义属性，可以使用element.getattribute(‘data-custom’)获取该属性的值。
处理获取到的属性值：获取到自定义属性的值后，可以将其用于其他操作或者显示给用户。

示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>Get Custom Attribute</title>
</head>
<body>
    <div id="myElement" data-custom="custom-value">Custom Element</div>

    <script>
        // 获取包含自定义属性的元素对象
        var element = document.getElementById('myElement');
        
        // 使用getattribute方法获取自定义属性的值
        var customAttributeValue = element.getAttribute('data-custom');
        
        // 处理获取到的属性值
        console.log(customAttributeValue);
    </script>
</body>
</html>

在上面的示例中，我们获取了id为myElement的元素对象，并使用getattribute方法获取了名为data-custom的自定义属性的值custom-value。最后将该值打印到控制台。

0 赞

0 踩