Javascript 如何从按钮单击插入html

我试图在点击一个按钮时插入一个表单，但找不到一种方法不让我把所有的HTML放在一行，带有反斜杠或许多难看的代码行。不包括在jQuery或php行添加内容的内容

本质上：我怎样才能做到这一点…（这是一行）

函数newMsg（）{
document.getElementById（“添加消息”）.innerHTML=“添加消息
标题：
文本：

”；
}

看起来更像这样（具有良好的格式和多行）

函数newMsg（）{function newMsg（）{
document.getElementById（“添加消息”）.innerHTML=
“添加消息

标题：

文本：


";
}

只需将右侧的第一个和最后一个“替换为”并删除所有\ 像这样：

document.getElementById("add_message").innerHTML = '<div class="message">Add Message<br>Title: <input type="text" id="title"><br>Text: <input type="text" id="message"><br><br></div>';

document.getElementById（“添加消息”）.innerHTML='addmessage
标题：
文本：

；

.innerHTML='addmessage
'
+'标题：
'
+“文本：

”；

---

如果一行太长，您可以按照hamism的建议进行连接，这样可以使代码看起来稍微干净一些。

您可以检查此小提琴：

函数myFunction（）{
document.getElementById（“添加消息”）.innerHTML=
'添加消息
标题：

文本：

；
};

如果您遇到的问题只是格式问题，您可以使用一个行数组和

连接
数组方法，如下所示：

var html = [
    '<div class="message">Add Message<br>',
        'Title: <input type="text" id="title"><br>',
        'Text: <input type="text" id="message"><br><br>',
    '</div>'
].join("\n");

var html=[
“添加消息
”，
“标题：
”，
“文本：

”，
''
].加入（“\n”）；

或者，您可以使用模板语言（如Handlebar或Jade）预编译模板

或者，您可以使用如下多行字符串破解：
如果您想将其放在单独的行中，以便更易于阅读，请将html创建为变量，并用“+”符号连接。也可以对主html中的任何引号使用单引号。例如：

var html = "<div class='message'>Add Message<br>"
 + "Title: <input type='text' id='title'><br>"
 + "Text: <input type='text' id='message'><br><br>"
 + "</div>";

document.getElementById("add_message").innerHTML = html

var html=“添加消息
”
+“标题：
”
+“文本：

”
+ "";
document.getElementById（“添加消息”）.innerHTML=html

function myFunction(){
document.getElementById("add_message").innerHTML = 
'<div class="message">Add Message<br>Title: <input type="text" id="title">      
 <br>Text: <input type="text" id="message"><br><br></div>';
};

var html = [
    '<div class="message">Add Message<br>',
        'Title: <input type="text" id="title"><br>',
        'Text: <input type="text" id="message"><br><br>',
    '</div>'
].join("\n");

var html = "<div class='message'>Add Message<br>"
 + "Title: <input type='text' id='title'><br>"
 + "Text: <input type='text' id='message'><br><br>"
 + "</div>";

document.getElementById("add_message").innerHTML = html