querySelector和getElementById之间的区别

querySelector选出来的元素及元素数组是静态的，而getElementById这种方法选出的元素是动态的

  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>

  
  let ul = document.querySelector("ul")
  let list_query = ul.querySelectorAll("ul li")
  let list_get = ul.getElementsByTagName("li")

  for(let i = 0 ; i < 3 ; i++){
    ul.appendChild(document.createElement("li"))
  }
  console.log(list_query.length);  //3 
  console.log(list_get.length);   //6