首页 > 解决方案 > 我正在从 JavaScript 更改 CSS 值,但由于某种原因,它确实需要变量

问题描述

我知道这很简单,但来自 jQuery/JavaScript 的变量值不会被 #full_body div 获取。下面是代码。

默认 CSS:

body{background-color: #fff; background-color: #b9770e; color:#fff;}

任何帮助,将不胜感激 。

<!DOCTYPE html>
<html>

<head>
  <title></title>
  <meta charset="UTF-8">
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script type="text/javascript" src="js/default.js">
  </script>

  <script type="text/javascript">
    $('#full_body').css(width: '1900');
    $('#full_body').css(height: '1200');
    $('#full_body').css({
      'background-color': '#fff'
    });
  </script>

  <link rel="stylesheet" href="css/default.css">
</head>

<div id="full_body">
  test
  <script language="javascript">
    document.write(h);
    document.write("\n");
    document.write(w);
  </script>
</div>
</html>

标签: jquery

解决方案


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<head>
    <title></title>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/default.js">
    </script>

    <link rel="stylesheet" href="css/default.css">
</head>
<div id="full_body">
    test
   

</div>
<script type="text/javascript">
    $('#full_body').css("width", "1900");
    $('#full_body').css("height", "1200");
    $('#full_body').css("background-color", "yellow");
</script>

</html>


推荐阅读