0

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

如何解决这个问题?

是完整的项目链接。

4

0 回答 0