document.getElementById innerHTML не работает после require - PullRequest
Новая
       33

document.getElementById innerHTML не работает после require

0 голосов
/ 24 апреля 2018

Здравствуйте, я пытаюсь getElementById изменить текст внутри моей html-страницы.ниже вы можете найти мою 1-ю попытку 

<!DOCTYPE html>
<html>
<body>
<h2>Use JavaScript to Change Text</h2>
<p>This example writes "Hello JavaScript!" into an HTML element with id="demo":</p>
<p id="demo"></p>
<script>
    var net     = require('net');
    var sleep   = require('sleep');
    var element = document.getElementById("demo");
    element.innerHTML = "Hello JavaScript!";
</script>

Этот код не работает, потому что я вижу:

Использование JavaScript для изменения текста

В этом примере написано "Привет JavaScript!"в элемент HTML с id = "demo":

, но: "Hello JavaScript!"отсутствует.

При изменении положения переменных в начале сценария js код работает: 

<!DOCTYPE html>
<html>
<body>
<h2>Use JavaScript to Change Text</h2>
<p>This example writes "Hello JavaScript!" into an HTML element with id="demo":</p>
<p id="demo"></p>
<script>
    var element = document.getElementById("demo");
    element.innerHTML = "Hello JavaScript!";
    var net     = require('net');
    var sleep   = require('sleep');
</script>

Почему?Позже мне понадобятся и сна, и сеть, когда я напишу другие части кода, но мне нужно снова манипулировать «демо» html.

Ответы [ 2 ]

0 голосов
/ 24 апреля 2018

Проблема с обеими линиями. Функция require () не является функцией на стороне клиента, распознаваемой браузером. Обычно require () используется в коде NodeJS на стороне сервера, но есть файл библиотеки require.js, который вы можете добавить ... 

var net     = require('net');
var sleep   = require('sleep');

Добавьте это к вашему проекту: http://requirejs.org/docs/release/2.2.0/minified/require.js

И взгляните на это: http://requirejs.org/docs/api.html

Источник: Функция Javascript require (), выдающая ReferenceError: require не определена

0 голосов
/ 24 апреля 2018

Кажется вероятным, что строки с 

var net     = require('net');
var sleep   = require('sleep');

фактически вызывают ошибку, которая, в свою очередь, приводит к тому, что JS прекращает оценку, так что она не попадает в строку getElementById.Вы можете проверить это в инструментах разработчика вашего браузера, в консоли.

...