Question

我有以下代码，它正在做我想要的但我无法获得任何样式，我想知道如何做到这一点？我已经尝试将CSS指向身体，但它仍然没有做任何事情。我的目标是控制字体大小，定位和字体颜色。请忽略CSS调用

<!DOCTYPE html>
<html>
    <head>
        <title> SUCCESS</title>
          <link type="text/css" rel="stylesheet" href="SUCCESS.css" media="screen">
</head>
<body>
<script>
document.querySelector("body").addEventListener("keypress", function printer() 
{
document.write('SUCCESS');
})
</script>
</body>
</html>

Answer 1

document.write将接受HTML标记。试试这样的事情

document.write("<p style=''>Success</p>");

但我建议你更好的方法是创建一个已经包含样式的HTML元素并根据getElementById或其他内容进行更改

Answer 2

这么简单，使用这个javascript，看看：

function CustomWrite(a,b) {
    b = '"'+b+'"';
    a = '<span style='+b+'>'+a+'</span>'
    return document.write(a);
}

如何使用，看：

CustomWrite('SUCESS','you css code here');

在文档写入中更改JavaScript字体大小

2 个答案: