使用javascript更改数据属性

我想使用javascript或jquery更改触摸屏设备上的数据属性。在触摸屏设备上显示“向下滚动以获取更多信息”的文本应显示“触摸箭头”。触摸屏浏览器检测正常，我无法更改数据信息属性

以下是我的尝试：

HTML

---

非常感谢你的帮助

您的代码应该可以通过

setAttribute

工作，但是在Javascript中，如果您愿意，也可以使用：

var trigger = document.getElementById('trigger');
trigger.dataset.info = "Scroll down for more information";

根据T.J.Crowder的说法，您的问题可能与脚本相对于“触发器”的位置有关。将脚本移动到

正文的末尾

，或者使用某种

onload

事件（但是，将脚本移动到正文的末尾是许多人的首选方法）：

---

您的代码应该可以通过

setAttribute

工作，但是在Javascript中，如果您愿意，也可以使用：

var trigger = document.getElementById('trigger');
trigger.dataset.info = "Scroll down for more information";

根据T.J.Crowder的说法，您的问题可能与脚本相对于“触发器”的位置有关。将脚本移动到

正文的末尾

，或者使用某种

onload

事件（但是，将脚本移动到正文的末尾是许多人的首选方法）：

---

如图所示更新属性的代码是正确的（）。如果它不起作用，最可能的解释是

脚本

元素在标记中的

按钮

元素之前是。在这种情况下，按钮在代码运行时不存在，因此元素不会被更新。确保脚本位于标记中的

按钮之后。
如图所示更新属性的代码是正确的（）。如果它不起作用，最可能的解释是
脚本
元素在标记中的
按钮
元素之前是。在这种情况下，按钮在代码运行时不存在，因此元素不会被更新。确保脚本位于标记中的
按钮之后。
虽然在支持脚本的浏览器上是正确的，但由于OP的代码是正确的，因此仅仅指出另一种方法来做同样的事情并不是真正有用的。至少了解替代方法总是有用的，但我确实附加了一个简短的提示，说明OP的代码应该如何正常工作。这对回答这个问题没有帮助。虽然在支持OP的浏览器上是正确的，但是OP的代码是正确的，仅仅指出他们用另一种方法做同样的事情并没有什么实际意义。至少知道其他方法总是有用的，但我确实附加了一个简短的提示，说明OP的代码应该如何正常工作。这对回答这个问题没有帮助。这就是解决方案！！如果没有你，我永远不会明白这一点！非常感谢你@坎普夫库钦：酷！很高兴这有帮助。：-）这就是解决办法！！如果没有你，我永远不会明白这一点！非常感谢你@坎普夫库钦：酷！很高兴这有帮助。：-）
button.trigger::before {
    position: absolute;
    bottom: 100%;
    left: -100%;
    padding: 0.8em;
    width: 300%;
    color: #fff;
    content: attr(data-info);
    font-size: 0.35em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

var trigger = document.getElementById('trigger');
trigger.dataset.info = "Scroll down for more information";

window.onload = function() {
    // your code here
}