如何设置textShadow属性

Question

我想在我的文本中实现textshadow，放在<a href="#">中，我正在做这样的事情：

document.getElementById("text").style.textShadow("1px 1px 0 red");
document.getElementById("text").style.moztextshadow("1px 1px 0 red");
document.getElementById("text").style.webkittextshadow("1px 1px 0 red");

以上实现都不起作用。我犯了某种错误吗？谢谢！

Answer 1

在此stackoverflow页面上尝试此操作：

document.getElementById('question-header').style.textShadow = '2px 2px 0 cyan';

编辑：这似乎适用于webkit浏览器。单位通常是必需的，但不是0.要进行调试，可以打印出document.getElementById（'text'）的值，然后打印出.style。

Answer 2

element.style["text-shadow"] = '1px 1px 5px red';

• element.style.*不是函数，它是一个函数 值。
• 您必须在text-shadow中指定第三个值。给0不会给文本带来模糊阴影，更像是投影。

Answer 3

var text = document.getElementById("text");
text.style.textShadow = "1px 1px 0 red";
text.style.mozTextShadow = "1px 1px 0 red";
text.style.webkitTextShadow = "1px 1px 0 red";