jq layui lautpl 模板引擎踩坑

<script id="tableId" type="text/html">
    <table id="demo"></table>
</script>
<script id="buttonId" type="text/html">
    <button type="button" class="layui-btn" pan="but1">按钮|{{ d.name }}</button>
    <button type="button" class="layui-btn" pan="but2">按钮|{{ d.city }}</button>
</script>
<div id="tableview"></div>
<div id="buttonview"></div>

  var getButton = buttonId.innerHTML //注意抓取script dom的id时候  命名不能与id相同
        var buttonview=document.getElementById('buttonview')
        $.post("/index/index/get_data",{},function(res){
            laytpl(getButton).render(res.data,function (html){
                buttonview.innerHTML=html
            })
        })