循环与页面操作标签

for循环与innerHTML页面操作标签
作用：使得javascript与DOM(文档对象) 的交互变少，则性能越好，除非是不得已（基础面试会考）

<div id="wrap"></div>

<script> 
let owrap=document.get ElementBy1d("wrap") ;
for ( let i=0; i<5000;i++) {
	oWrap. innerlTML += "<P>我是个第"+i +"个p</p>";
	}//javascript和页面做了5千次的交互
</script>

//优化的格式

<div id= "wrap"></div>

let owrap = document. ge t ElementById("wrap") ;
let h="";//使用变量存储起来，使用空字符串来"+"拼接
for (let 1=0; 1<5000;i++) {
	h += "<p>我是个第"+i+"个p</p>" ;//h =h + "<p>我是个第"+i+"个p</p>" 使用空字符串来"+"拼接,使用其他数据类型会强行转字符串，那就不符合语义，但是空字符串强行转字符串就是本身
}
owrap.innerHTML = h;