JavaScript循环生成HTML元素并渲染 - 最佳实践

function add() {\n let htmlstr = '';\n for (let i = 0; i < 10; i++) {\n htmlstr += \n <div class='ranking'>\n <span class='head'></span>\n </div>\n ;\n }\n document.getElementById('person').innerHTML = htmlstr;\n}