Я изменяю значение CSS из JavaScript, но по какой-то причине он принимает переменные - PullRequest
Новая
       2

Я изменяю значение CSS из JavaScript, но по какой-то причине он принимает переменные

0 голосов
/ 31 октября 2019

Я знаю, что это просто, но значение переменных из 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>

Ответы [ 2 ]

1 голос
/ 31 октября 2019 

<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>
0 голосов
/ 31 октября 2019

Вы можете добавить несколько свойств, используя один .css метод, как показано ниже. Нет необходимости добавлять несколько раз. 

$('#full_body').css({
  'width': '1900',
  'height': '1200',
  'background-color': '#fff'
});
<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...