怎么用js实现一块内容的循环展现(语言-javascript)

这种怎么循环出来，就每个月为一部分，12个月是一样的格式，这种怎么写会比较好

img

innerHTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function changeLink(){

    var str = ''
    for(let i=1;i<=12;i++){
        str+=` <div>${i}月形象进度计划</div>
               <textarea></textarea>`
    }
        document.getElementById('myAnchor').innerHTML=str;
}
</script>
</head>
<body>
 
<a id="myAnchor" href="//www.microsoft.com">Microsoft</a>
<input type="button" onclick="changeLink()" value="修改链接">
 
</body>
</html>

如果要是涉及到取值的话你可以参照对应的标签进行取值

img

for循环 innerHtml 就行

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
</head>

<body>
  <div class="box">

  </div>
</body>
<script>
  let html = "";
  let box=document.getElementsByClassName("box")[0];
  for (var i = 1; i <= 12; i++) {
    html += `<div>
    <div>${i}月形象进度计划</div>
      <textarea rows="10" cols="30">
</textarea>
</div>
      `;
  }
  box.innerHTML=html;
</script>

</html>