Question

我试图使用document.querySelector句子得到一个tr元素，但我得到了：

TypeError: tempNode.querySelector(...) is null

我在Javascript中的选择器是：document.querySelector("#row-model") 这是与其他元素（确切地使用div）一起工作但是有了它，我尝试了其他选择器（使用数据类型，tr等，但总是得到相同的错误）...然后在浏览器控制台中我检查了元素的存在，元素的HTML如下：

<table>
        <tbody>
    <tr class="" id="row-model" data-id="myid" data-type="rowtemplate">
        <td class="category">
            <a href="" title="Go to category" id="category"></a>
        </td>
        <td class="title  showTipTip">
            <a data-cats="" href="#profile" id="title" aria-controls="profile" role="tab" data-toggle="tab" title="" data-id="" class="spotlink" address="true"></a>
        </td>
        <td class="comments">
            <a class="spotlink" href="#comments" title="" id="commentValue"> commentValue
            </a>
        </td>

        <td class="genre">
            <a href="" title="Search spot in category" id="genre"> catdesc</a>
        </td>
        <td class="poster">
            <a href="" title="Search spot from " id="poster">poster</a>
        </td>
        <td class="date" id="since"></td>

        <td class="filesize" id="filesize">

        </td>
        <td class="nzb">
            <a href="" title="Download NZB (n)" class="nzb" target="_blank" id="nzbdownload">NZB</a>
        </td>
        <td class="multinzb">
            <input onclick="multinzb()" name="messageid[]" value="" type="checkbox">
        </td>
    </tr>
        </tbody>
    </table>

编辑：

该函数内的JS代码是：

 $('#catalog').each(function(){
        var tempNode = document.querySelector("#row-model").cloneNode(true); //I clone the element and then append it to another table
       tempNode.querySelector("a #category").textContent = "test";
      $('#spotsTable tr:last').after(tempNode);
    });

另外，我有一个带有隐藏类（bootstrap）的div里面的表，也许它可以影响它？

使用document.querySelector获取tr元素

0 个答案: