javascript - 类型错误: tableObj.appendChild不是一个函数

Question

var oTable;
$(document).ready(function() {
    loadSubMenus();
});

function loadSubMenus() {
    var resultStringX = $.ajax({
            type : "POST", 
            url : "getSubMenuList", 
            dataType : 'text', 
            async : false 
    }).responseText;
    resultStringX = $.trim(resultStringX);
    var o = JSON.parse(resultStringX);
    var idArray = new Array();
    var nameArray = new Array();
    idArray = o.result.subMenuId;
    nameArray = o.result.subMenuName;

    var tableObj = $("#tableId").val();
    var colCount = 0;
    var trObj = document.createElement("tr");
    for (var i = 0; i < idArray.length; i++) {
        var tdObj = document.createElement("td");
        var inputElem = document.createElement("input");
        inputElem.type = "checkbox";
        inputElem.setAttribute("id", "id_"+i);
        inputElem.setAttribute("value", idArray[i]);
        inputElem.style.marginTop = "-1px";
        var spanObj = document.createElement("span");
        spanObj.innerHTML = nameArray[i];
        tdObj.appendChild(inputElem);
        tdObj.appendChild(spanObj);
        trObj.appendChild(tdObj);
        colCount++;
        if (colCount == 5) {
            tableObj.appendChild(trObj);
            trObj = "";
            trObj = document.createElement("tr");
            colCount = 0;
        }
        if (idArray.length < 5) {
            if ((idArray.length - 1) == i) {
                tableObj.appendChild(trObj);
            }
        }
    }
    if(idArray.length/5>0){
        tableObj.appendChild(trObj);
    }
    document.getElementById("subMenuCount").value=idArray.length;
}

我没有得到输出..我想从数据库加载菜单 n 子菜单什么是错误我无法得到请帮助我如何解决这个问题。我必须做什么..错误是什么在另一个jsp页面中我创建了“tableid”，所以我定义了td

Answer 1

tableObj 不是 DOM 元素。它是 $("#tableId").val() 的值。也许您还需要将其创建为 DOM 元素:

var tableObj = document.createElement("table");
...