再也不用字符串拼接dom元素了

<script type="text/html" id="tmp">
    <div class="cla">
        <ul>
            <li>{{age}}</li>
            <li>{{name}}</li>
        </ul>
    </div>
</script>
<script>
    var data = {
        name: 20,
        age: "你好吗"
    }
    var tmp = document.getElementById('tmp');
    var ss = document.getElementsByClassName('echarts')[0];

    var tmplate = tmp.innerHTML;
    var html = '';
    for (var i = 0; i < 5; i++) {
        var c = tmplate;

        html = html + c.replace('{{name}}', data.name + i).replace('{{age}}', data.age + i);

    }

    ss.innerHTML = html

<script type="text/html" id="tmp">

猜你喜欢

转载自www.cnblogs.com/guyuedashu/p/12039748.html