Вопрос №66942 от пользователя Елена Круподерова в уроке «Что такое DOM?», курс «JS: DOM API»
Приветик! Я попробовала выполнить задание у себя в редакторе, получилось разбить на три строки. Решила попробовать на каждую переменную вести в console.log.
Например console.log(text)
, почему-то Node говорит, что документ не определен?
const text = document.body.innerHTML.trim();
^
ReferenceError: document is not defined
Добрый день, Елена! Объект document
определён в браузере, он служит для получения содержимого веб страницы. В Node.js этот объект не определён, поэтому вы и получаете такую ошибку
Maksim Litvinov,
Я попробовала вызвать через консоли text
const text = document.body.innerHTML.trim();
console.log(text);
Выдает вот такой результат
<script>
(function() {
var ws = new WebSocket('ws://' + window.location.host +
'/jb-server-page?reloadMode=RELOAD_ON_SAVE&'+
'referrer=' + encodeURIComponent(window.location.pathname));
ws.onmessage = function (msg) {
if (msg.data === 'reload') {
window.location.reload();
}
if (msg.data.startsWith('update-css ')) {
var messageId = msg.data.substring(11);
var links = document.getElementsByTagName('link');
for (var i = 0; i < links.length; i++) {
var link = links[i];
if (link.rel !== 'stylesheet') continue;
var clonedLink = link.cloneNode(true);
var newHref = link.href.replace(/(&|\?)jbUpdateLinksId=\d+/, "$1jbUpdateLinksId=" + messageId);
if (newHref !== link.href) {
clonedLink.href = newHref;
}
else {
var indexOfQuest = newHref.indexOf('?');
if (indexOfQuest >= 0) {
// to support ?foo#hash
clonedLink.href = newHref.substring(0, indexOfQuest + 1) + 'jbUpdateLinksId=' + messageId + '&' +
newHref.substring(indexOfQuest + 1);
}
else {
clonedLink.href += '?' + 'jbUpdateLinksId=' + messageId;
}
}
link.replaceWith(clonedLink);
}
}
};
})();
</script>
Что за функция в script?
Елена, а какая страница при этом открыта в браузере? Попробуйте сделать так: откройте веб-доступ в упражнении, запустите панель разработчика в редакторе и в консоли выполните этот код:
const text = document.body.innerHTML.trim();
console.log(text);
В выводе получится текст:
I do not fear computers. Computer Science is no more about computers than astronomy is about telescopes. The computer was born to solve problems that did not exist before.
Maksim Litvinov, это я писала в своем редакторе WebStrom, и страница в Chrome. Дополнительная функция в scripte показывает в консоли Chrome.
Елена, а со страницей из упражнения в веб доступе получилось в итоге?
Используйте Хекслет по максимуму!
- Задавайте вопросы по уроку
- Проверяйте знания в квизах
- Проходите практику прямо в браузере
- Отслеживайте свой прогресс
Зарегистрируйтесь или войдите в свой аккаунт
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.







