调用函数后DOM不起作用

Question

我使用DOM像这样创建Collapse，这是工作

beforeEach

我尝试从文件中读取字符串，并使用for循环生成它，但是它不起作用

function createCollapse() {
    var btn = document.createElement("Button");
    btn.className = "collapsible";
    var name = document.createTextNode("text");
    btn.appendChild(name);
    document.body.appendChild(btn);    
}

即使我仅调用该函数，也无法创建正常的折叠

function read() {
    var fs = require('fs');
    var str = fs.readFileSync('./123.txt', 'utf8');
    return str;
}

function createCollapse() {
    var str = read()
    for (i in str){
        var btn = document.createElement("Button");
        btn.className = "collapsible";
        var name = document.createTextNode(str[i]);
        btn.appendChild(name);
        document.body.appendChild(btn);
    }    
}