Javascript 在调整窗口大小时替换类名

这是我的标记。我想更新/替换类名col-sm-3 至窗口上的col-md-6：宽度<800

JavaScript

您只需要使用切换来实现目标。示例如下所示：

myLogos.classList.toggle('col-sm-3');
myLogos.classList.toggle('col-md-6');

或

---

有关上述内容的更多信息，请使用jQuery访问此

，您可以执行以下操作

<script>
    $(window).resize(function () {
        if($(window).width()<800){
            $('.llotherlogos-userthumb').children().removeClass('col-sm-3').addClass('col-md-6');
        }else{
            $('.llotherlogos-userthumb').children().removeClass('col-md-6').addClass('col-sm-3');
        }
    });
</script>

你需要这个：

myLogos.className.replace(col-sm-3, col-md-6);

将是：

myLogos[0].classList.replace('col-sm-3', 'col-md-6');

querySelectorAll返回元素数组，即使只有一个元素匹配，因此需要myLogos[0]

要对多个元素执行此操作，您需要这样的显式for循环，因为我认为foreach在这里不起作用：

for (let i = 0; i < myLogos.length; ++i)
  myLogos[i].classList.replace('col-sm-3', 'col-md-6');

请尝试以下jquery代码：

  enter$( window ).resize(function() {
  var ww = document.body.clientWidth;

  <==========now select id or element==============>


  $("#a1").addClass( "my-hidden").removeClass("my-disply");
    // code here
   }); 

---

除了这个JavaScript有很多问题，如果你愿意的话，我可以解决这些问题之外，为什么不一起使用col-sm-3和col-md-6，而不是用一个替换另一个呢？这就是引导CSS的工作方式，因此，仅使用CSS就可以自动进行调整。col-sm-3和col-md-6周围的双引号可能会有所帮助。好吧，我想更改resize上的任何类名，如何更改？因为您使用的是querySelectorAll，所以需要使用for循环。请根据我的代码给我一个示例谢谢，但仅限于香草Javascript

myLogos[0].classList.replace('col-sm-3', 'col-md-6');

for (let i = 0; i < myLogos.length; ++i)
  myLogos[i].classList.replace('col-sm-3', 'col-md-6');

  enter$( window ).resize(function() {
  var ww = document.body.clientWidth;

  <==========now select id or element==============>


  $("#a1").addClass( "my-hidden").removeClass("my-disply");
    // code here
   });