Как получить элемент внутри div, внутри другого html и внутри другого div?

В "first.html" я загружаю страницу внутри div с помощью Javascript.

<div id="content">
  <div id="lot"><a href="#" onclick="load_page()">Next</a></div>
</div>

<script>
function load_page()
{
  document.getElementById("lot").innerHTML='<object type="text/html" data="next.html"></object>';
}
</script>

И "first.html", и "next.html" имеют div, называемый "баннер". Я не хочу показывать "banner" в "next.html". Поэтому я добавляю следующие строки в "next.html".

<script>
document.getElementById('banner').style.display = "none";
</script>

Странно, что баннер в "first.html" исчезает, но не тот, что находится в "next.html".

Поэтому один из способов, по-моему, избавиться от этого, если бы я мог ссылаться на это.

"first.html" --> "lot" --> "next.html" --> "banner"

Затем попытайтесь заставить его исчезнуть.

Я также пробую это в "next.html", но не работает.

<script>
document.getElementById('lot').getElementById('banner').style.display = "none";
</script>

Спасибо за подсказку.

Решение. Когда я использую iframe, он работает. Баннер в "next.html" четко распознается, а не смешивается с тем, что находится в "first.html".