Как получить доступ и отредактировать атрибуты элементов управления внутри iframe с помощью javascript?

#javascript #html #asp.net #.net #iframe

Вопрос:

Мне нужно получить доступ к кнопке внутри iframe с помощью javascript. Ниже приведен код iframe в файле aspx:

 <iframe id="headerframe" runat="server" src="./DashHeader.html" marginheight="0" marginwidth="0" frameborder="0" style="width:inherit;height:inherit;overflow:hidden;">
            </iframe>
 

В том же файле есть полоса вкладок:

 <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1" Orientation="HorizontalTop" Width="100%" Height="32px" OnClientTabSelected="tabClicked" OnClientTabSelecting="savePreviousTab" SelectedIndex="0" >
                </telerik:RadTabStrip>
 

Когда я пытаюсь получить доступ к элементу управления btnSearch(который принадлежит iframe) с помощью метода tabClick полосы вкладок, я могу найти кнопку и выполнить необходимое действие.

 function tabClicked(sender, args) {
                    document.getElementById('headerframe').contentWindow.document.getElementById('btnSearch').style = "something";                                                     
                }
 

Но когда я пытаюсь получить доступ к одному и тому же элементу управления из другой пользовательской функции javascript, я не могу получить доступ к требуемому элементу управления.

 function setSearchButtonVisibility()
                {
                    document.getElementById('headerframe').contentWindow.document.getElementById('btnSearch').style = "something";
                }
 

Пожалуйста, подскажите, что нужно сделать в этом случае.

Комментарии:

1. Где находитесь tabClicked и setSearchButtonVisibility как называетесь?

2. @iamdlm, tabClicked вызывается из события onClientTabSelected полосы вкладок, а видимость кнопки setsearch-это то, что вызывается из кода, стоящего за использованием ScriptManager. Зарегистрируйте startupscript.