Как установить свойство 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

Попробуйте это на этой странице:

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

edit: похоже, работает в браузерах webkit. Единицы обычно требуются, но не с 0. Для отладки вы можете распечатать значения для document.getElementById ('text'), затем that.style.

Answer 2

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";

Answer 3

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

• element.style.* - это не функция, это значение.
• Вы должны указать третье значение в text-shadow.Задание 0 не даст тени для размытия текста, больше похоже на тень.