web之Attribute

最新推荐文章于 2023-12-19 08:15:00 发布

原创最新推荐文章于 2023-12-19 08:15:00 发布 · 715 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在HTML中为元素设置和操作属性值，通过实例展示了使用JavaScript获取和修改按钮元素的自定义属性。

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

html的元素可以设置附加的属性值，可以设置多个。我们可以把一些附加值赋值给他。

直接上例子吧：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>AttributeTest</title>
</head>
<body>
    <button id="bt" onclick="oc()" aaa ="100">测试</button>
    <button onclick="nc()">增加</button>
    <script>
        var aa = 0;
        function oc()
        {
            alert(document.getElementById('bt').getAttribute("aaa"));
        }
        function nc()
        {
            aa++;
            document.getElementById('bt').setAttribute("aaa", aa);
        }
    </script>
</body>
</html>

结果展示：