代码块简单用法

主要 code:

html coding:

<table class="layui-table">
                            <thead>
                                <tr id="tab-header">
                                    <th ></th>
                                    <th >ID</th>
                                    <th>用户名</th>
                                    <th >性别</th>
                                    <th>城市</th>
                                    <th>签名</th>
                                    <th>积分</th>
                                    <th width="150" ></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td>$100</td>
                                    <td>January</td>
                                    <td>$100</td>
                                    <td>January</td>
                                    <td>$100</td>
                                    <td>January</td>
                                    <td id="operate"></td>
                                </tr>
                            </tbody>
                        </table>
<script type="text/html" id="operateHtml">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

js coding:

var _html=document.getElementById('operateHtml').innerHTML;

document.getElementById('operate').innerHTML=_html;

效果:

posted @ 2018-04-13 02:00  不随。  阅读(3)  评论(0编辑  收藏  举报  来源