Question

我正在尝试选择一个没有ID的TH元素，因此我使用其父TR元素，所有这些都在iframe中。代码看起来像这样：

<iframe id="gsft_main">
<table>
    <thead>
        <tr id="hdr_incident" class="list_header " style="">
            <th class="" scope="col" style="vertical-align: middle;" align="center">
                <span style="white-space: nowrap;">
                    <a href="blabla">Link</a>
                </span>
            </th>
            <th>
            </th>
        </tr>
    </thead>
</table>
</iframe>

我可以使用这个jQuery选择它，但关键是要远离包含该lib。

$("#gsft_main").contents().find("#hdr_incident th:first-child");

但是当我尝试做的时候我无法做到：

var main = document.getElementById('gsft_main').contentDocument;
main.getElementById('hdr_incident').getElementsByTagName('th')[0];

所以我尝试使用querySelector，但没有运气：

var main = document.getElementById('gsft_main').contentDocument;
main.querySelector("#hdr_incident > th");

有人可能认为＆＃34;主要＆＃34;变量部分是问题，但我可以使用此代码选择其他元素，因此不应该成为问题。

var main = document.getElementById('gsft_main').contentDocument;
main.getElementById('list_nav_incident');
main.getElementById('page_timing_div');
main.getElementsByClassName('timingDiv')[0];

有没有人知道为什么它不能在iframe中运行？（我能够在没有iframe部分的jsfiddle中使用它。）

在iframe中选择ID的TH元素

0 个答案: