Question

这是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。但是，如果我保留当前的代码，它就可以正常工作。

如何解决此问题？

Here是完整的项目链接。

Google Chrome扩展程序动态列表创建问题

0 个答案: