Блог

Я хочу реализовать 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");
  

Ни одна из вышеупомянутых реализаций не работает. Я совершаю какую-то ошибку? Спасибо!

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

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

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

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

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

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