CSS не влияет на текст в Javascript, который использует API Open Weather Map - PullRequest
Новая
       6

CSS не влияет на текст в Javascript, который использует API Open Weather Map

0 голосов
/ 07 января 2019

Хорошо, поэтому я настроил немного Javascript с помощью API Open Weather Map ... поэтому, когда в Бреконе, Уэльс, ниже 10.C, страница скажет "привет?".

Тогда в CSS я стилизовал текст так, чтобы он был красным и 30px .. но это, похоже, не работает?

Вот мой код .. 

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <style>
            /* RESERVATION PIECE */
            body {
                color: red; 
                font-size: 30px;
            }
        </style>
    </head>
    <body>
        <script>
            $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=Brecon,GB&APPID=43990a6bc6681b5b8e5876a536514832",
            function(json){                 
                var temperature = json.main.temp;
                if (temperature < 283.15) 
                {
                    document.write('hello?');
                }
            });
        </script>
    </body>
</html>

1 Ответ

0 голосов
/ 07 января 2019

Обычно при использовании document.write вы перезаписываете весь документ, включая CSS. Лучше всего вместо этого изменять текстовое содержимое элементов. Это работает как ожидалось: 

let url = 'http://api.openweathermap.org/data/2.5/weather?q=Brecon,GB&APPID=43990a6bc6681b5b8e5876a536514832';

$.getJSON(url, json => {
  if (json.main.temp<283.15) {
    document.body.innerHTML = 'Below 10°C';
  } else {
    document.body.innerHTML = 'Above 10°C';
  }
})
body {
  color: red; 
  font-size: 30px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...