Обработка кия в JavaScript?

Я хочу удалить это из моего CSS:

::cue  {
    color: #fff;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px #000;
}

И поместите это в мой JavaScript. Как я могу это сделать?

Источник

2 ответа

Привет, вот пример, который вы можете использовать.

HTML-страница

<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="styles/styles.css" defer/>
        <script src="JS/script.js"></script>
    </head> 
<body> 
   <h1 id="cue">Hello World</h1>
   <button id="btnText">Change Text</button>    

</body
</html>

javascript file

window.onload = function () {

    "use strict";

    var myText = document.getElementById("cue"),
        btnChange = document.getElementById("btnText");

    btnChange.addEventListener("click", function () {

        myText.style.color = "white";
        myText.style.fontFamily = "Trebuchet MS, Helvetica,sans-serif";
        myText.style.textShadow = "-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000";    
    })
};
Источник

Благодаря Dandavis, вот решение, которое работает:

var s = document.createElement("style");
    s.type = "text/css";
    s.innerHTML = "::cue  {"
        + "background:none;"
        + "color: #fff;"
        + "font-family: 'Trebuchet MS',Helvetica,sans-serif;"
        + "text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px #000;"
        + "}";

document.head.appendChild(s);

Источник
Другие вопросы по тегам