分享
三行代码  ›  专栏  ›  技术社区  ›  Manuel Patiño

如何将css样式添加到文档.写入在javascript中

  •  1
  • Manuel Patiño  · 技术社区  · 1 周前

    你好,我对javascript非常陌生,在开始我的第一步时,我想知道是否可以对文档.写入指示和我来到这里。

        <!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>
    

    我通过回顾这里的一些帖子解决了这个问题,问题是这实际上是如何工作的?

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

    我不知道我为什么要写这个说明,有人能解释一下,请谢谢,顺便说一句,我很抱歉,这是一个非常基本的问题,但我也想知道你们是否有更多的方法来设计a文档.写入很高兴知道。

    3 回复  |  直到 1 周前
        1
  •  1
  •   Richard    1 周前

    我建议采取稍微不同的方法。您可以将一个名为“test”的div添加到HTML中(或任何您想要的),然后编辑该div的innerHTML,如下所示:

    文档.getElementById(“test”).innerHTML=name1;

        2
  •  0
  •   dripis    1 周前

    文档.写入();正在HTML文件中写入文本。 所以如果你这样写:

    文档.写入("

    废话

    然后:

    废话

    .

    希望你能理解我的回答!

        3
  •  0
  •   ridoansaleh    1 周前

    文档.写入:将带有文本的HTML元素直接写入HTML文档

     var name1;
     name1=prompt("Write your name");
     document.write('<p class="style1">'+name1+'</p>');
    
    1. 创建一个名为 name1
    2. 名称1
    3. p 具有类的元素 style1