具有编号名称难题的Javascript数据集

Question

我正在使用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';

但是因为我正在使用使用整数作为名称（数据-0）的库，所以我被卡住了......我试过这个：

   elem.dataset[0] = 'foo';

和...

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

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

Answer 1

尝试

var elem = document.createElement('div');
elem.setAttribute("data-0", "foo");