javascript - 使用 Treewalker 修改表

Question

我正在尝试使用树行者在页面上找到表格，插入列，然后根据每行第一个单元格中的值填充该列中的单元格。我做了很多研究，但一直失败。任何能将我推向正确方向的点击将不胜感激。

document.ondblclick = addElement;
var i = 1;
function addElement () { 

    var allTextNodes = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT),
    // some temp references for performance
    tmptxt,
    tmpnode,
    // compile the RE and cache the replace string, for performance
    cakeRE = "Investment"
    replaceValue = "TestReplace";
    var allElementNodes = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT);

    // iterate through all text nodes
while (allTextNodes.nextNode()) {
    tmpnode = allTextNodes.currentNode;
    tmptxt = tmpnode.nodeValue;
    tmpnode.nodeValue = tmptxt.replace(cakeRE, replaceValue);
}

    // iterate through all Element nodes
while (allElementNodes.nextNode()) {
    tmpnode = allElementNodes.currentNode;

    //I know this is not even close to real code but I think it explains what i'm trying to do

    IF (tmpnode.tagvalue = "table")
    { 
    tmpnode.insertcolumn
    }
    If (tempnode.tagvalue = "tr" && Row.contains("Active"))
    {
    pupulate the cell from the previously created column with "Active Pending";
    }

    
}
}

function PopulateTable() {
    var table = document.getElementsByTagName("table")[0];
    var rows = table.getElementsByTagName("tr")[0];
    for(var i = 0; i< rows.length; i++ ) {
        var firstColumn = rows[0].getElementsByTagName("td")[0];
        //do your data aggregation here
        var newCell = document.createElement("td");
        newCell.innerHTML = "some data";//create row here
        rows[i].appendChild(newCell);
    }

}

Answer 1

我认为您可能以错误的方式处理此问题。我建议不要在这种特殊情况下使用树行者。相反，你可以做一些更简单的事情，如下所示:

function PopulateTable() {
    var table = document.getElementsByTagName("table")[0];
    var rows = table.getElementsByTagName("tr")[0];
    for(var i = 0; i< rows.length; i++ ) {
        var firstColumn = rows[0].getElementsByTagName("td")[0];
        //do your data aggregation here
    }
    var newRow = document.createElement("tr");
    newRow.innerHTML = //create row here
    table.appendChild(newRow);
}