自定义属性值----获取、修改、删除***我反正觉着挺重要的哈哈哈哈哈哈哈哈哈

Dn_wh

已于 2022-03-20 11:58:43 修改

阅读量120

点赞数

分类专栏： # js 文章标签： javascript

于 2022-03-20 11:58:06 首次发布

本文链接：https://blog.csdn.net/m0_51045721/article/details/123609614

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

文章目录

获取自定义属性值

element.属性------获取内置属性，本身自带的
element.getattribute('属性')————得到的时attribute 属性的意思，我们程序员自己添加的属性叫做自定义属性

修改设置属性值

element.属性 = '值' 设置内置属性值
element.setAttribute('属性','值')

哈哈哈哈哈你看
原来设置的class 的属性是 nav
在这里插入图片描述
通过这修改成了navs

移除属性 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>
    <div id="demo" index='1' class="nav"></div>
    <script>
        var div = document.querySelector('div')
        // 1.获取元素的属性值
        // (1)element.属性
        console.log(div.id);
        // (2) element.getAAttribute('属性')   get得到获取  attribute 属性的意思，程序员自己添加的属性叫做自定义属性 index
        console.log(div.getAttribute('id'));
        console.log(div.getAttribute('index'));

        // 设置属性值
        // 1.element.属性 = '值'
        div.id = 'text';
        div.className = 'navs';

        // 2.element.setAttribute('属性','值');  主要针对自定义属性
        div.setAttribute('index', 3)
        div.setAttribute('class', 'footer');// class 特殊，这里面写的就是 clas 不是className

        // 3.移除属性 removeAttribute('属性')
        div.removeAttribute('index');
    </script>
</body>

</html>

Dn_wh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自定义属性值----获取、修改、删除***我反正觉着挺重要的哈哈哈哈哈哈哈哈哈

文章目录获取自定义属性值修改设置属性值获取自定义属性值element.属性------获取内置属性，本身自带的element.getattribute('属性')————得到的时attribute 属性的意思，我们程序员自己添加的属性叫做自定义属性修改设置属性值element.属性 = '值' 设置内置属性值element.setAttribute('属性','值')哈哈哈哈哈你看原来设置的class 的属性是 nav通过这修改成了navs3. 移除属性 remove
复制链接

扫一扫

专栏目录