Javascript表未使用CSS呈现

我使用JavaScript创建了一个表，但它不使用css呈现。那么我怎样才能让它工作呢？事实上，我需要更多的帮助，我的想法是创建一个屏幕，有一个按钮，一旦你点击它的菜单，这是一个表格的一列开始在屏幕的顶部和结束在屏幕的结尾应该显示。表格是可滚动的，每一行都有文本（url文本），文本下没有url行，因此当您单击它时，页面会在表格和按钮后面的所有屏幕中打开。该按钮应始终显示（但当我单击它时，它消失）。 main.js文件是

     function makeTableHTML() {
    var x = document.createElement("TABLE");
    x.setAttribute("id", "myTable");

    var myArray = [ [ "Name, http://www.google.com" ],
            [ "Name, http://www.google.com" ] ];
    var result = '<table width = "300">';
    for (var i = 0; i < myArray.length; i++) {
        result += "<tr><td>";
        if (i < 10) {
            result += "0" + i + "  ";
        } else {
            result += i + "  ";
        }

        result += '<a href="' + myArray[i][0] + '">';

        result += myArray[i][1] + "</a>";

        result += "<td></tr>";

    }
    result += "</table>";
    document.write(result);
    document.getElementById("channelsmenu").classList.toggle(result);
}

function hideTableHTML() {
    var x = document.getElementById('channelsmenu');
    x.style.display = 'none';
}

在HTML中，您打开“th”并将其关闭为“tr”。其次，请学会正确地编写/格式化代码-这样会更容易阅读代码并帮助您

---

此外，在HTML末尾使用