console.log (); не открытое сообщение в веб-консоль

Question

Я новичок в программировании, и у меня были некоторые проблемы. При запуске console.log(); chrome не открывается сообщение в веб-консоли.

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

console.log($("h1").css("color"));

Когда я обновляю sh мою веб-страницу, этот код должен автоматически отображаться в консоли как rgb (255, 192, 203) , но ничего не происходит. Но если я открою консоль вручную, я сразу же получу ответ.

Помогите, пожалуйста?

Answer 1

Убедитесь, что ваш код выполняется после рендеринга HTML.

Например:

h1 style="color: red">123</h1>
<script>
 console.log($("h1").css("color"));
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1 style="color: red">123</h1>
<script>
 console.log("Run after rendering HTML: " + $("h1").css("color"));
</script>

<script>
 console.log("Run before rendering HTML: " + $("h2").css("color"));
</script>
<h2 style="color: red">123</h2>