用JavaScript动态创建多个元素

[陈某宝]

如何用JavaScript创建100条这段代码，并且每个标题跟内容都不一样，可以控制。（这是一个折叠面板）

[天际的海浪]

<ul id="myid"></ul>
<script type="text/javascript">
var str = "";
for (var i = 0; i < 100; i++) {
	str += '<li><div class="link">'+("链接"+i)+'</div>';
	str += '	<div class="submenu">';
	str += '		<h3>'+("标题"+i)+'</h3>';
	str += '		<p>'+("内容"+i)+'</p>';
	str += '	</div>';
	str += '</li>';
}
document.getElementById("myid").innerHTML = str;
</script>

[似梦飞花]

function repeat(objarr){
            return function createTemplate(strarr,...params){
                const arr=[];
                for(let obj of objarr){
                    arr.push(String.raw({raw:strarr},...params.map(function fill(item){
                        return obj[item];
                    })))
                }
                return( arr.join(''));
            }
        }
        const d=repeat([{'t':1},{'t':2},{'t':3}])`<p>name_${'t'}</p>`;
        document.body.insertAdjacentHTML('beforeend',d);