如何从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-10000"更改为"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"；并且只有在那时它才被执行。

如果要编辑的元素由另一个脚本加载，并且该脚本通过设置"；datа"；价值观然后我们必须等待"；数据"；属性，然后运行脚本

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>
....