javascript - 在javascript中处理提示?

标签 javascript html css

我想从我的 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";    
    })
};

关于javascript - 在javascript中处理提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34688062/

相关文章:

javascript - ""in line.map(function(){return $(this).val();}).get()

javascript - 我的标签不算数

html - HTML 元素的动态 ID

javascript - 转义 ' 和 & 以及 url 中的类似字符

javascript - 如何在按钮单击时显示不同的标题

jquery - Owl Carousel 没有响应。仍然认为它应该在较小的屏幕上显示 3 "slides"

javascript - 不使用 Bootstrap 验证上传带有 .jpg 扩展名的照片

css - header 高度未知时粘性 header CSS

html - Firefox 忽略表格单元格中的绝对定位

javascript - 将一个 div 中的元素置于另一个 div 中的元素之上