0

我正在使用Skrollr.js库在页面上进行一些视差滚动。该库使用数据集来指定一些开始和结束 css 代码(基于您的滚动位置)示例:

<div data-0="top:0px;" data-100="top:500px"></div>

我需要动态创建一些元素并设置它们的数据集,例如,如果元素看起来像这样:

<div data-foo="bar"></div>

这可以正常工作:

var elem = document.createElement('div');
    elem.dataset['foo'] = 'bar';

但是因为我使用的是使用整数作为名称( data-0 )的库,所以我被卡住了......我试过这个:

   elem.dataset[0] = 'foo';

和...

   elem.dataset['0'] = 'foo';

没有运气......还有其他想法吗?

4

1 回答 1

1

尝试

var elem = document.createElement('div');
elem.setAttribute("data-0", "foo");
于 2013-01-19T22:37:47.580 回答