刚看了一个问题。
你可以参考三票的那个回答。

相对来说好一点的解决方案，当然你可以用{{}}来插入变量，然后用正则来替换变量，很干净的

https://jsfiddle.net/gaoqiang...

替换变量，这是很不错的解决方案
https://jsfiddle.net/gaoqiang...

用模版引擎或者MVVM框架比较方便 或者用 Template Strings

const json = {
  title: '页面追加内容的最好方法是什么',
  time: 2,
}

const html = `
<p class="post-topheader__info"> 
   <h1 class="h3 post-topheader__info--title">${json.title}</h1> 
   <p class="question__author"> ${json.time} 分钟前提问</p> 
</p>
`

console.log(html)

可以用这种方法：

<button onclick="add(this)"></button>
<script> 
    function add(obj)
    { 
        var contents = 
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>"+
            "<p>我是追加的内容</p>";
            
        $(contents).after($(obj))
    }   
</script>

或者用es6的写法：

<button onclick="add(this)"></button>
<script> 
    function add(obj)
    { 
        var contents = 
            `<p>我是追加的内容</p>
            <p>我是追加的内容</p>
            <p>我是追加的内容</p>
            <p>我是追加的内容</p>
            <p>我是追加的内容</p>
            <p>我是追加的内容</p>`;
        
        $(contents).after($(obj))
    }   
</script>