удалите/замените конкретный HTML изнутри iframe с помощью Javascript

Итак, на моей странице у меня есть элемент iframe, который будет загружать HTML, который всегда будет содержать определенную строку HTML-кода, который мне нужно заменить при загрузке iframe. Iframe src будет меняться, поэтому он должен быть выполнен по мере загрузки iframe. HTML Я хочу заменить в файле, который загружается в IFRAME, и это будет выглядеть примерно так:удалите/замените конкретный HTML изнутри iframe с помощью Javascript

<div class="myclass1" style="height:XXXpx; width:YYYpx;">

Так что мне нужно на самом деле для каждого DIV, который имеет класс = «MyClass1», чтобы иметь высоту атрибут стилизованного стиля и ширина сохранялись независимо от того, что было. Все «myclass1» divs будут следовать этому формату. Поэтому я хочу, чтобы заменить все такие строки, что с этим:

<div class="myclass1" style="width:YYYpx;">

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

источник

2012-05-24 Nathan Williams

, если src iframe находится в одном и том же точном домене, вы не можете, в соответствии с той же политикой происхождения – d4rkpr1nc3

Если ГКЗ фрейма находится на том же домене, используйте:

var iFrame = document.getElementById("your-iframe-id"); 
if (iFrame.contentDocument) 
{ 
    iFrameDocument = iFrame.contentDocument; 
} 
else if (iFrame.contentWindow) 
{ 
    iFrameDocument = iFrame.contentWindow.document; 
}

Использование iFrameDocument.getElementById или все, что нужно

источник

2012-05-24 11:05:42 d4rkpr1nc3

-1

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

 <html> 
     <head> 
     <script type="text/javascript"> 
     function change_style() 
     { 
      document.getElementById("div_id").style.width="yyypx"; 
     } 
     </script> 
     </head> 
     <body> 

     <div id="div_id" class="myclass1" style="height:XXXpx; width:YYYpx;"> 
      ------------------- 
      ------------------- 
     </div> 

     <script> 
     change_style(); 
     </script> 
     </body> 
     </html>

источник

2012-05-24 11:07:39 Shin

удалите/замените конкретный HTML изнутри iframe с помощью Javascript

ответ

Смежные вопросы