Console.log () ИЛИ getDocumentbyID в Javascript? - PullRequest
Новая
       5

Console.log () ИЛИ getDocumentbyID в Javascript?

0 голосов
/ 10 июля 2020

Это упражнение для начинающих Javascript. Я нахожу 2 возможных решения (см. Код ниже):

  1. console.log ();
  2. document.getElementById ( "valueID"). inner HTML = variablename;

В чем разница между выводом решения в консоли (F12) или через DOM? Я понимаю, что console.log(); предназначен исключительно для внутреннего тестирования (для разработчиков). Но когда мне следует использовать «document.getElementByID», если это для манипуляций с DOM? И есть ли еще отличия между этими двумя по производительности?

Спасибо. Вот мой код: 

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Introduction</title>
</head>

<body>
   <h1>Introduction</h1>
   <p id="Name"></p>
   <p id="Surname"></p>
   <p id="Age"></p>

   <script>
       let name = prompt("Introduce your name: ");
       let surname = prompt("Introduce your surname: ");
       let age = prompt("Introduce your age: ");
       //TO PRINT OUT IN CONSOLE
       console.log(name + " " + surname + " " + age);

       document.getElementById("Name").innerHTML = name;
       document.getElementById("Surname").innerHTML = surname;
       document.getElementById("Age").innerHTML = age;
   </script>
</body>
</html>

Ответы [ 3 ]

0 голосов
/ 10 июля 2020

Console.log, как вы сказали, используется для разработки, чтобы проверить значения наших переменных, но он не влияет на DOM (страница).

document.getElementById вещь будет изменить DOM напрямую, что позволяет изменять фактическую страницу и значения элементов, которые вы выбрали.

Надеюсь, это поможет вам :)

0 голосов
/ 10 июля 2020

console.log() - это функция, которая записывает сообщение для входа в консоль отладки, такую ​​как Webkit или Firebug. В браузере вы ничего не увидите на экране. Он записывает сообщение в консоль отладки. Это не функция jQuery, а функция для отладки. Вы можете, например, записать что-то в консоль, когда что-то произойдет.

Метод document.getElementById() возвращает элемент, имеющий атрибут ID с указанным значением. И innerHTML изменяет значение указанного элемента c упомянутого ID.

document.getElementById() изменяет DOM , но console.log() не читать / писать / изменять / обновлять DOM

0 голосов
/ 10 июля 2020

Я использую console.log, если хочу проверить, работает ли что-то. Иногда моя функция работает, но перевод в DOM не работает.

Если бы я использовал getElementById, я бы не увидел, работает ли моя функция или работает ли моя манипуляция с DOM ..

Надеюсь, это немного поможет, я только новичок :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...