js循环结构里的无序列表

var ul=document.querySelsctor('.title')
for(var i=0;i<arr.length;i++){
ul.innerHTML+='

'+arr[i]+'
'
}
这句话是什么意思，哪位boss可以帮我细说一下吗

querySelsctor，获取class为title的标签，ul.innerHTML用来设置或获取位于对象起始和结束标签内的HTML
简易说，就是根据标签class获取标签，然后给标签加上文字。

querySelector(css选择器）
通过css选择器去获取一个元素
它获取到的只有一个元素，如果说有重复的，那它只取第一个

querySelectorAll(css的选择器)
通过css选择器获取到一组元素
它获取到的也是一组元素，它也是一个类数组

你的querySelsctor写错了

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body>
    <div class="title"></div>
  </body>
  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
  <script>
    var arr = [1, 2, 3]; // 假设arr是[1, 2, 3]
    var ul = document.querySelector(".title"); // 获取到class="title"的标签ul
    for (var i = 0; i < arr.length; i++) {
      // 遍历数组arr，arr数组有多长，就在ul内添加arr.length个"·" + arr[i] + "·"的字符
      ul.innerHTML += "·" + arr[i] + "·";
    }
  </script>
</html>