JS设置多值内联样式：如何为cursor属性添加回退值？

其实这个问题的解决方法比你想的简单！你直接把多个cursor兼容值用空格分隔，赋值给元素的style.cursor属性就可以了，和你在CSS类里写多值的逻辑完全一致。浏览器会自动忽略它不支持的取值，只生效第一个能识别的选项，刚好满足你的兼容需求。

给你写个具体的示例代码：

document.getElementById('foo').style.cursor = "move grabbing -webkit-grabbing";

这样写的效果是：

• IE会识别并使用move作为回退方案
• Firefox会生效标准的grabbing值
• Chrome则会启用前缀版本的-webkit-grabbing

完全不需要修改整个style字符串，也不用依赖CSS类，完美适配你提到的所有限制——因为DOM的style属性本身就支持直接设置多值的CSS属性，浏览器会自动完成兼容性筛选。

内容的提问来源于stack exchange，提问作者Dellirium