如何在javascript中向document.write添加css样式_Javascript_Html_Css

如何在javascript中向document.write添加css样式

javascript html css

如何在javascript中向document.write添加css样式,javascript,html,css,Javascript,Html,Css,您好，我对javascript非常陌生，在做我的第一步时，我想知道是否可以在document.write指令中设置变量内容的样式，我想到了这一点 <!DOCTYPE html> <html lang="en"> <head> <style> .style1{ background-color: chartreuse; } </style>

您好，我对javascript非常陌生，在做我的第一步时，我想知道是否可以在document.write指令中设置变量内容的样式，我想到了这一点

    <!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .style1{
            background-color: chartreuse;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var name1;
        name1=prompt("Write your name");
        document.write('<p class="style1">'+name1+'</p>');
    </script>
</body>
</html>


.style1{
背景色：黄绿色；
}
文件
变量名称1；
name1=提示（“写下你的名字”）；
document.write（“”+name1+””）；

我通过查看一些帖子解决了这个问题，问题是这实际上是如何工作的

document.write('<p class="style1">'+name1+'</p>');

document.write（''+name1+''）；

我不太明白为什么我需要在这个说明中加上“请有人解释一下，谢谢你，顺便说一句，很抱歉，这是一个非常基本的问题，但我也想知道你们是否有更多的方法来设计文档的样式。写吧，很高兴知道。

document.write（）；正在HTML文件中写入文本。如果你这样写：

文件。写（“废话”

”；然后：您正在编写类似于之类的html源代码

希望你能理解我的答案

我建议采取稍微不同的方法。您可以在HTML中添加一个ID为“test”的div（或任何您想要的），然后编辑该div的innerHTML，如下所示：

document.getElementById（“test”）.innerHTML=name1

document.write：将带有文本的HTML元素直接写入HTML文档

 var name1;
 name1=prompt("Write your name");
 document.write('<p class="style1">'+name1+'</p>');

var-name1；
name1=提示（“写下你的名字”）；
document.write（“”+name1+””）；

创建名为

name1的变量


为提示警报中用户输入的name1
变量指定一个值
使用类style1
编写p
元素，其内容是从name1
到HTML文档的值
请充分理解CSS/样式是如何工作的。请通读。单引号字符在那里，因此不需要转义双引号。从技术上讲，你不需要你推断的单引号字符。您可以在外部使用双引号，但所有内部双引号都需要转义，如\“