Javascript java脚本中带有特定条件的样式

我想根据浏览器的大小更改一些样式，以使其更具响应性，但我尝试的方法无效：

---

请参阅更多信息：

您需要使用调整大小事件

设res=document.getElementByIdpanel； 设wid=window.innerWidth；

---

ifwid您的javascript代码在加载时只执行一次。 要使函数在发生事件时被调用，需要将其附加到事件侦听器

在这种情况下，您可能希望在调整屏幕大小时更改面板。 因此，将函数附加到window.onresize事件侦听器。 然后，当您调整屏幕大小时，将触发该功能

代码如下。我使用body元素作为示例

var res=document.getElementById("panel");
    var wid = window.innerWidth;
if(wid <= 900){
    res.setAttribute("id", "panel2");
}

您可以拖动屏幕大小，查看宽度低于900px时背景颜色是否发生变化。

---

这就是您想要实现的吗？

为什么不使用一个呢？因为我想添加一个java脚本也取决于调用该代码的时间和地点。请提供正确详细的问题描述和预期行为的解释。另请参见为什么更改id看起来是一个奇怪的概念？@charlietfl我想添加js代码并更改布局，为mobile view创建一个下拉菜单抱歉，但仍然相同：var res=document.querySelectorbody；我想要面板而不是车身这只是一个例子，您可以使用面板，只要修改为“document.querySelector.panel”，很高兴它有帮助

var res=document.querySelector("body");

window.onresize = function () {
  var wid = window.innerWidth;
  if(wid <= 900){
      res.setAttribute("style", "background-color: red;");
  }
}