Root Div Тип элемента Ошибка

Question

Я пытаюсь найти элемент корневого div, и это то, как я это делаю.

var parentDoc = window; 
    while (parentDoc !== parentDoc.parent) { 
     parentDoc = parentDoc.parent; 
    } 
    parentDoc = parentDoc.document; 
    var divContent = parentDoc.getElementsByClassName("content")[0]; 

Он отлично работает, но когда я изменяю размер экрана своего браузера слишком маленьким, я получаю сообщение об ошибке.

Uncaught TypeError: Cannot read property 'parent' of null 

Как я могу это исправить? или есть лучший способ сделать то, что я делаю прямо сейчас, используя jquery или javascript?

Благодаря

Answer 1

Это не ясно, что вы хотите сделать, но с JQuery вы можете попробовать использовать closest функцию:

var $content = $(<selector>).closest('.content'); 
var content = $content[0]; 

с сайта JQuery:

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

Вы можете избежать ошибок вы описали, проверив недействительность parentDoc.parent вара:

while (parentDoc !== parentDoc.parent) { 
    if (parentDoc.parent == null) { 
     break; 
    } 
    parentDoc = parentDoc.parent; 
} 

Answer 2

Я считаю, что вы ищете window.top, который имеет ссылку на самое верхнее окно в иерархии. Вы можете найти более подробную информацию об этом here. Кроме того, this question может помочь устранить некоторые путаницы относительно различий между этим и window.parent.