javascript - 在页面加载时更改 css

Question

尝试在页面加载时更改我的 css，但我得到的只是没有样式。控制台没有错误。

<script>

var condition = true;

setCSS();

  function setCSS() {
    if (condition == true) {
      $("#menuCSS").attr("href","css/css1.css");
    } else {
      $("#menuCSS").attr("href","css/css2.css");
    }
  }
</script>

  <link id="menuCSS" rel="stylesheet" href="">;

Answer 1

您需要在页面加载完成后调用 setCSS()。你可以这样做

    $( document ).ready(function() {
      setCSS();
    });

或者如前一个答案所述，将您的 javascript 添加到页面底部，以便在您调用该函数之前已经加载标签。