如何从 div 中删除 data-0 属性？

Question

我有如下 html 代码。

<div id="asa" class="bg"
    data-0="transform:scale(1, 1); opacity:1"
    data-1000="transform:scale(2, 1); opacity:0.5"
    data-5000="transform:scale(2, 2); opacity:1">   

    //Some Code

</div>

我想从 div 中删除 'data-1000' 属性或将 'data-1000' 更改为 'data-2500'。我该怎么做？我试过 $('#asa').removeAttr('data-1000');还有很多。但是他们没有用。

Answer 1

选项 1： 首先尝试此代码：

document.getElementById('home_bg1').removeAttribute('data-1000');

选项 2：如果第一个代码不适合你...试试这个

如果要编辑的元素被其他脚本加载，编辑脚本需要等待。此代码等待 ID 为 #home_bg1 的项目出现，然后执行

var checkEx = setInterval(function () {
    var el = document.getElementById('home_bg1');
    if (el) {
        el.removeAttribute('data-1000');
        clearInterval(checkEx);
    }
}, 100);

选项 3： 等待元素出现在具有名为“data-1000”的属性的代码中，然后才执行。

如果您要编辑的元素由另一个脚本加载，并且通过设置“data”值延迟该脚本。然后我们必须等待“数据”属性出现然后运行脚本

    var checkEx = setInterval(function () {
        var el = document.querySelector('[data-1000]');
        if (el) {
            el.removeAttribute('data-1000');
            clearInterval(checkEx);
        }
    }, 100);

示例： 将此脚本放在 skrollr.min.js

之前

....

<script>
    document.getElementById('home_bg1').removeAttribute('data-1000');
</script>


<script src="skrollr.min.js"></script>
<script>skrollr.init();</script>

....

如何从 div 中删除 data-0 属性？

How to remove data-0 attribute from div?

html

jquery

web-deployment