element.querySelector(". exampleclass ")不是一个函数

element.querySelector(".exampleClass") is not a function

本文关键字：quot 函数 一个 exampleclass querySelector element      更新时间：2023-09-26

我正试图建立一个响应轮播，并在以下代码中得到一个错误。我试过使用JQuery，其他选择方法，但他们都返回相同的错误。

我尝试在这里选择元素，首先访问它的父元素

     var carousel = $('#carousel');
     var container = carousel.querySelector('.carousel-container');

about代码返回旋转的ERROR。querySelector不是函数

这会产生一个问题，并且还会破坏下面的大小调整函数:

  function slideTo(index){
      index = index < 0 ? totalItems -1 : index >= totalItems ? 0 : index;
      container.style = container.style.transform = 'translate(-' + (index * percent) + '%, 0)';
       currentIndex = index;
   }

容器。样式在函数的第三行返回一个错误，我不能在容器上设置属性。样式为"undefined"

我真的只需要能够添加CSS "transform: translate"属性到容器元素。

我不知道该怎么做……非常感谢您的反馈!

querySelector为JS原生方法，carousel为jQuery对象。如果您正在使用jQuery，则没有理由使用queryselector。

jQuery 

var carousel = $('#carousel'); //jQuery object
var container = carousel.find('.carousel-container'); //jquery object of carousel-container
DOM 

var domCarousel=carousel.find('.carousel-container')[0];

大致相当于

domCarousel=document.getElementById('carousel').querySelector('.carousel-container');
相关文章：