Проблема создания динамического списка расширений Google Chrome

Вот popup.html файл:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div id="mList"></div>
    <script src="util.js"></script>
</body>
</html>

И вот util.js:

var options = ['','Second Option','Third Option'];

function makeUL(array) {
var list = document.createElement('ul');

/*
chrome.storage.sync.get(null, function(items) {
        var allKeys = Object.keys(items);
        allKeys.forEach(function(key) {
            console.log(key);
            options.push(key);
        });
   });
 */


for(var i = 0; i < array.length; i++) {
    var item = document.createElement('li');

    item.appendChild(document.createTextNode(array[i]));

    list.appendChild(item);
}

return list;
 }

 document.getElementById('mList').appendChild(makeUL(options));

Всякий раз, когда я пытаюсь создать список динамически, часть кода закомментирована, это не работает. Это просто дает мне пустую HTML, Но если я оставлю код таким, какой он есть сейчас, он будет работать нормально.

Как эта проблема может быть решена?

Вот полная ссылка на проект.

Источник

0 ответов

Другие вопросы по тегам