Выберите элемент TH идентификатора в iframe

Question

Я пытаюсь выбрать элемент 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, но суть в том, чтобы избежать включения этой библиотеки.

$("#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");

Кто-то может подумать, что основная часть переменной - это проблема, но я могу выбрать другие элементы, используя этот код, так что это не должно быть проблемой.

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

У кого-нибудь есть идеи, почему он не работает в iframe? (Я могу заставить это работать в jsfiddle без части iframe).