javascript упражнение из книги ниндзя javascript

Question

javascript упражнение из книги ниндзя javascript

0

Это пример из одной из книг (Ninja javascript).

Я не уверен, почему консоль жалуется, что она не может добавить null.

        document.getElementById("results").appendChild(li);

где я вижу ошибки.. я делаю что-то неправильно?

Полный код приведен ниже:

            <body>
    this.assert = function assert(value, desc) {
        var li = document.createElement("li");
        li.className = value ? "pass" : "fail";
        console.log("this is ", value);
        console.log("that is ", desc);
        console.log("that is ", li);
       // console.log("that is ", className);
        //console.log("that is ", results);
        li.appendChild(document.createTextNode(desc));
        document.getElementById("results").appendChild(li);

        if ( !value ) {
            li.parentNode.parentNode.className = "fail";
        }
        return li;
    };

    function useless(callback) {return callback(); }

    var text = "Domo Arigato!";
    assert(useless(function() {return text;}) === text,
           "The useless function works! " + text); 
</script>


<ul id="results"></ul>

ОБНОВЛЕНИЕ: после того, как предложение работает отлично сейчас.. спасибо всем

<script>
    window.onload = function () {
       function useless(callback) {return callback(); }

       var text = "Domo Arigato!";
       assert(useless(function() {return text;}) === text,
           "The useless function works! " + text); 

    }
</script>


<ul id="results"></ul>

ОБНОВЛЕНИЕ: еще один вопрос,

assert(useless(function() {return text;}) === text,

Почему === текст необходим выше? Какая цель здесь? (Я только что протестировал и без текста ===, он также работает.. так что было целью автора здесь?)

user3502374 13 апр. 2014, в 16:12

Источник

Теги:

javascript

html

dom

1 ответ

Ещё вопросы

Joseph · Accepted Answer · 2014-04-13T12-08-00.000Z

1

Лучший ответ

Это потому, что ваш скрипт, выполненный до того, как элемент с id results существует на странице.

Ты можешь:

Поместите скрипт после него
Выполнение скрипта во время события window.onload
Более подходящим событием является событие DOMContentLoaded

Joseph 13 апр. 2014, в 12:08

1

Там также нет открытия для тега <script>.
krillgar 13 апр. 2014, в 14:08
0

@krillgar Но упомянутая ошибка, похоже, говорит о том, что скрипт действительно работал.
Joseph 13 апр. 2014, в 14:10
0

Согласовано. Но это все еще должно быть исправлено. Я отчасти удивлен, что это действительно работает, но javascript позволяет многим из этих вещей идти.
krillgar 13 апр. 2014, в 14:11
1

извините начало сценария было пропущено мной по ошибке для вставки здесь. Попробуйте предложение сейчас.
user3502374 13 апр. 2014, в 14:15
1

@krillgar Отсутствующий <script> определенно не относится к тем вещам, которые JavaScript может допустить.
JLRishe 13 апр. 2014, в 14:23
0

@JLRishe Я бы так не думал. Я никогда не пробовал, и хотя я в Интернете, я не собираюсь начинать дебаты. Но да, браузер не знал бы, что делать, когда попал туда, и, вероятно, просто отображал его в виде текста на странице, правильно
krillgar 13 апр. 2014, в 18:31

Показать ещё 4 комментария