JavaScript之DOM自定义属性的使用

最新推荐文章于 2023-07-08 16:57:47 发布

cloudOnSkyline

最新推荐文章于 2023-07-08 16:57:47 发布

阅读量660

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44827643/article/details/125470109

版权

JavaScript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

本文主要介绍DOM中自定义属性的设置、获取及移除。自定义属性比较典型的应用是给元素添加一个“标签”，方便查找该元素或建立此元素同其他元素之间的联系。

1.setAttribute用于设置属性的值，若不存在该属性则进行创建

2.getAttribute用于获取相应属性的值

3.removeAttribute用于移除相应属性。（注：有时某些属性的值通过设置值的方式达不到效果，就可以进行移除）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="http://www.baidu.com">百度</a>
    <script>
        var a = document.querySelector('a');
        // 1.设置自定义属性(如果没有该属性，则创建)
        a.setAttribute('index', 0);
        a.setAttribute('selfDefine', 1);
        // 2.获得自定义属性的值
        console.log(a.getAttribute('index'));
        console.log(a.getAttribute('selfDefine'));
        // 3.移除自定义属性
        a.removeAttribute('index');
    </script>
</body>

</html>

cloudOnSkyline

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之DOM自定义属性的使用

本文主要介绍DOM中自定义属性的设置、获取及移除。自定义属性比较典型的应用是给元素添加一个“标签”，方便查找该元素或建立此元素同其他元素之间的联系。1.setAttribute用于设置属性的值，若不存在该属性则进行创建2.getAttribute用于获取相应属性的值3.removeAttribute用于移除相应属性。（注：有时某些属性的值通过设置值的方式达不到效果，就可以进行移除）...
复制链接

扫一扫

专栏目录