document.getqueryselector和getelement by class not working

时间:2018-01-03 17:57:20

标签: javascript html

我已经检查了其他问题,他们已经帮了一下。

但对我来说,它仍然没有取得多大成功:

const ajaxRequest = new XMLHttpRequest();
const handleResponse = function() {
  //have we got a response from the server
  if (ajaxRequest.readyState === 4) {
    //did we find the requested resource?
    if (ajaxRequest.status === 200) {
      //  console.log(ajaxRequest.responseText); //testing file
      let data = JSON.parse(ajaxRequest.responseText)
      let ul1 = document.querySelectorAll('.ajax')[0];
      let ul2 = document.querySelectorAll('.ajaxCheck');
      for (let i = 0; i < ul2.length; i++) {
        ul2[i].style.display = 'none';
        console.log(i);
      }
      if (document.querySelectorAll('.ajax')[0]) {
        ul1.innerHTML = displayOutput(data, false);
      } else {
        ul2.innerHTML = displayOutput(data, true);
      }
      //displayOutput_compare(data);
    }
  }
}

特别是ajaxCheck类,因为它有超过1个。

我做错了什么?

这里是第二课的HTML, 它不会加载任何数据:

<ul class="ajaxCheck">
  <li></li>
</ul>

1 个答案:

答案 0 :(得分:0)

player是一个集合,而不是单个元素。设置ul2时需要循环播放,就像设置innerHTML时一样。

style