JS自定义属性操作

最新推荐文章于 2024-08-25 21:02:13 发布

Sea_water778

最新推荐文章于 2024-08-25 21:02:13 发布

阅读量5.9k

点赞数 1

文章标签： javascript css3 前端

本文链接：https://blog.csdn.net/Sea_water778/article/details/120935523

版权

1.获取属性两种方法

element.属性获取内置属性值
element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思获取程序员自己添加的属性称为自定义属性

2.设置属性值两种方法

element.属性 = ’ 值 ’ 设置内置属性值。
element.setAttribute ( ’ 属性 '，‘ 值 ’ )；

区别；

element.属性设置内置属性值
element.setAttribute( ’ 属性 '，‘ 值 ’ )；主要设置自定义的属性（标准）

移除属性；removeAttribute（ ‘ 属性 ’ ）；

<div id="demo" index="12" class="nav"></div>
    <script>
        var div = document.querySelector('div');
         1.获取元素的属性值
         (1) element.属性
        console.log(div.id);
         (2) element.getAttribute('属性')  get得到获取 attribute 属性的意思 程序员自己添加的属性 称为自定义属性
        console.log(div.getAttribute('id'));
        console.log(div.getAttribute('index'));
         2.设置元素属性值
         (1) element.属性= '值'
           div.id = 'text';
           div.className = 'navs';
         (2) element.setAttribute('属性','值'); 主要针对于自定义属性
           div.setAttribute('index','天蓝蓝');
           div.setAttribute('class','footer');  class 特殊 这里面写的是class 不是className
         3.移除属性 removeAttribute('属性');
        div.removeAttribute('index'); 
    </script>