以与html代码中文本相同的格式打印Javascript文本_Javascript_Html_Css_Frontend

以与html代码中文本相同的格式打印Javascript文本

javascript html css

以与html代码中文本相同的格式打印Javascript文本,javascript,html,css,frontend,Javascript,Html,Css,Frontend,我正在尝试用html、javascript和css创建我的第一个网站，我有很多问题！我有以下代码： <!DOCTYPE html> <html lang="en"> <head> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet&qu

我正在尝试用html、javascript和css创建我的第一个网站，我有很多问题！我有以下代码：

<!DOCTYPE html>

<html lang="en">
   <head>
      <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
    <title>Mercedes Benz Dealership</title>
   </head>

   <body>

       <div id="result1">
         **<h2> Good day Buyer!</h2>**
       </div>

       <form onsubmit="greet(); return false">
           <input type ="text" id="name">
           <input type="submit">
       </form>

   </body>

 <script>

    function greet()
    {
        var name = document.querySelector("#name").value;
        if (name!=="")
        {
            document.querySelector("#result1").innerHTML ="Good day, " + name;
        }
    }
 </script>

 </html>

与以下内容相同：

<h2> Good day Buyer!</h2>

标题是一样的！但当用户输入名称时，唯一的区别应该是Good day，例如，Alan具有相同的粗体、字母大小和h2标题的所有内容

我怎样才能做到这一点？？我一直试图做这件事，但没有成功

非常感谢你的帮助！！实际上

只需指定所需的正确选择器：

梅赛德斯-奔驰经销商买家你好！功能问候{ var name=document.querySelectorname.value；如果名称！=={ document.querySelectorresult1 h2.innerHTML=你好，+name+！； }//这里有个问题^^ }

只需指定所需的正确选择器：

您可以尝试像这样添加…以供参考

document.querySelectorresult1.innerHTML=你好+姓名+ 您可以尝试像这样添加…以供参考

document.querySelectorresult1.innerHTML=你好+姓名+ 问题是您选择的是div，而不是h2元素。我这样做是因为得到了该部门的第一个孩子。或者，您可以通过innerHTML手动插入它，也可以将ID选择器移动到h2元素

注意：我让它在输入时自动打招呼

功能问候{ var name=document.querySelectorname.value；如果名称！=={ document.querySelectorresult1.children[0]。innerHTML=你好，+name+！； }否则{ document.querySelectorresult1.children[0].innerHTML=你好，买家！； } } document.GetElementsByTagneInput[0]。addEventListenerinput，greet 梅赛德斯-奔驰经销商 **买家你好**

问题是您选择的是div，而不是h2元素。我这样做是因为得到了该部门的第一个孩子。或者，您可以通过innerHTML手动插入它，也可以将ID选择器移动到h2元素

注意：我让它在输入时自动打招呼

在h2标签中从div中移动id，但是有很多不同的方法

<div>
 **<h2 id="result1"> Good day Buyer!</h2>**
</div>

如果您尝试更改div的内部，则此标记中的所有内容都将被替换。

将id从h2标记中的div移动，但有许多不同的方法

<div>
 **<h2 id="result1"> Good day Buyer!</h2>**
</div>

如果您尝试更改div的内部，则此标记内的所有内容都将被替换。

在innerHTML中编写与要打印的格式相同的格式。那就行了

document.querySelector("#result1").innerHTML ="**<h2>Good day, " + name+"!</h2>**";

在innerHTML中编写与要打印的格式相同的格式。那就行了

document.querySelector("#result1").innerHTML ="**<h2>Good day, " + name+"!</h2>**";

您应该有h2标记的id，而不是div标记。作为建议，您可能需要一个自动输入，在您键入时发出问候-非常感谢帮助！！：您应该有h2标记的id，而不是div标记。作为建议，您可能需要一个自动输入，在您键入时发出问候-非常感谢帮助！！：