如何用javaScript添加新的数据属性(使用skrollr.js)

How to add new data attribute with javaScript ( using skrollr.js)

本文关键字：使用 skrollr js 数据属性 何用 javaScript 添加      更新时间：2023-09-26

在HTML中我有一张图片

<img id="d1" src="http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png" >

我想给它添加一个属性:

data--1000-top="opacity: 0; transform: scale(0.5); bottom: 71px;"

必须写在代码中以便skrollr。js能够使用它

我添加了一个按钮来应用这个功能

function myFnc(){
var s = document.getElementById("d1");
s.setAttribute("data-top","transform: scale(1);");
s.setAttribute("data--800-top","transform: scale(0.5);");
}

Via setAttribute() https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute

小例子
 var el = document.getElementById("id");
 el.setAttribute("attribute-name","attribute-value");

Here a fiddle http://jsfiddle.net/9E2t2/2/

相关文章：