需要帮助找到带有嵌套“ th”标签的“ tr”标签

Question

我正在开发一个与TASVideos TAS提交查找器一起使用的代码段。 该代码段将在每个列表条目的开头添加一个“ td”标签，以便那些快速阅读者（甚至不是因为我使用3个字母代码的人）可以快速找到TASVideos.org认可的TAS，并且看看他们，或者他们想要的任何其他TAS。 我想要2种模式（系统和状态）。 我正在处理“状态”部分，但出现错误。 这是我的代码。

wikitable = document.getElementsByClassName("wikitable")[0];
wikitableTR = wikitable.getElementsByTagName("tr");
var tr;
QuickScrubHeader = document.createElement("th")
QSHText = document.createTextNode("QuickScrub for TAS Videos")
QuickScrubHeader.appendChild(QSHText)
wikitableTR.getElementsByTagName("th")[0].insertBefore(QuickScrubHeader)
for (var tr in wikitableTR){
    delete addend, addendText;
    td = tr.getElementsByTagName("td");
    addend = document.createElement("td")
    if(td[3].innerhtml == "published");{
        addendText = document.createTextNode("PUB")
        addend.appendChild(addendText)
        tr.insertBefore(addend)
    }
}

马虎的代码块是这样的：

QuickScrubHeader = document.createElement("th")
QSHText = document.createTextNode("QuickScrub for TAS Videos")
QuickScrubHeader.appendChild(QSHText)
wikitableTR.getElementsByTagName("th")[0].insertBefore(QuickScrubHeader)

我想知道如何使草率代码的最后一行起作用，以便找到包含“ th”标签的“ tr”标签，并将我的QuickScrubHeader元素放在其他元素之前，就像for / in的方式一样循环我已经在td[3]寻找某个值，并在列表的开头插入了一个特殊的“ td”标签。

Answer 1

您可以使用querySelectorAll和parentNode ：

var th_list = document.querySelectorAll('.wikitable > tr > th');
th_list[0].parentNode.insertBefore(QuickScrubHeader,th_list[0]);