单击时使用javascript添加多个文本阴影规则

我试图在单击按钮时将此类css属性应用于给定元素：

text-shadow: 1px 1px 0 #b77e42,
             2px 2px 0 #b77e42,
             3px 3px 0 #b77e42,
             4px 4px 0 #b77e42;

但我最终还是有了这些规则：

text-shadow: 1px 1px 0 #b77e42;

---

问题似乎出在逗号上。每个规则都需要用逗号分隔

function addShadow(element) {

  var appliedStyle = i + 'px ' + i + 'px ' + '0 #b77e42';

  var current = element.style.textShadow;

  if (current) {
    //if there's already a style, add a comma before adding new
    current+= ',';
  }

  element.style.textShadow= current+appliedStyle;

  i++;
}

---

您正在尝试应用多个阴影吗？您的代码似乎应用了单个阴影，并在单击时增加x/y。@j08691是的，这是正确的。我希望它有一个原始的，然后另一个增加1添加到它。你希望它增加每次你点击按钮，或一次点击适用于所有4种风格？很好！我甚至没想到先测试一下房子。