在javascript中处理提示？_Javascript_Css_Html_Cue

在javascript中处理提示？

javascript css html

在javascript中处理提示？,javascript,css,html,cue,Javascript,Css,Html,Cue,我想从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中。如何做到这一点？您好，这里有一个您可以使用的示例 html页面 <html> <head>

我想从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中。如何做到这一点？

您好，这里有一个您可以使用的示例

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（“样式”）；
s、 type=“text/css”；
s、 innerHTML=“：：提示{”
+“背景：无；”
+“颜色：#fff；”
+字体系列：'Trebuchet MS'，Helvetica，无衬线
+“文本阴影：-1px 0黑色，0 1px黑色，1px 0黑色，0-1px#000；”
+ "}";
文件。标题。附录子项
@LOTUSMS您将如何使用jQuery而不是vanilla JS来解决这个问题？.css（）传递css。我理解错了吗？我认为javascript或jquery@LOTUSMS你是。您可以使用vanilla JS修改CSS（jQuery是用vanilla编写的）。问题是针对这个选择器。正如Adam所说，我不相信有可能针对它。$（“head”）.append（“：：cue{…}”）