如何操作特定页面上的DOM？

Question

有一个问题，如何操纵特定页面上的DOM对象。 我要做的是打开一个弹出页面，然后在那里操作一个对象。

以下代码操作初始页面上的对象：

cuteLittleWindow = window.open("/calendar/view.html", "littleWindow", "location=no,width=320,height=200"); 
$('.navbar-inner').hide();

Answer 1

你可以做

$(cuteLittleWindow.document).find('.navbar-inner').hide();

您不必在cuteLittleWindow的页面上包含jQuery。 但请确保从同一个域提供两个页面。 这尤其意味着您无法在file://测试。

Answer 2

不太难：

$(cuteLittleWindow.document)...

只要打开的文档与运行创建者的域位于同一域中 ， 就应该这样做。