上一篇裡邊介紹了在裡邊利用iframe引入另一個html導航檔案，有興趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html

目前遇到一些問題們，想要在引用了iframe的檔案裡修改iframe裡邊的樣式。

解決了這個問題，整理一下，供大家參考

demo：

<div class=”iframe”>

<iframe src=”header.html” width=”100%” height=”442px” marginwidth=”0” frameborder=”no” scrolling=”no”></iframe>

</div>

1、這是我首先考慮的一個方法

獲取iframe引入的html檔案元素通過id獲取

要在網頁載入完之後再進行這段程式碼  window.onload = function(){  var test = document.getElementById(‘iframe的id’).contentWindow.document.getElementById(‘iframe裡要獲取的元素的id’);  console.log(test); 　test.style.display = “none”; } 2、可以在iframe檔案js裡獲取父網頁的相對路徑，將相對路徑儲存在一個數組中，通過判斷相對路徑 來進行操作

例項：

var URL  = window.parent.location.pathname;

路徑陣列：

var arrURL = [“/CASE/aishuoke/index.html”,”/CASE/aishuoke/about.html”,”/CASE/aishuoke/news.html”,”/CASE/aishuoke/download.html”,”/CASE/aishuoke/case.html”,”/CASE/aishuoke/job.html”,”/CASE/aishuoke/shownews.html”,

“/CASE/aishuoke/showinfo.html”,”/CASE/aishuoke/showimg_first.html”,”/CASE/aishuoke/showimg_second.html”,”/CASE/aishuoke/showimg_third.html”,”/CASE/aishuoke/showimg_forth.html”];

switch (URL){

case arrURL[0]:

$(”#shouye”).addClass(”show”).siblings().removeClass(”show”);

break;

}

總結：

在iframe中獲取父視窗的元素

$(‘#父視窗中的元素ID’, parent.document).click();jquery

在父視窗中獲取iframe中的元素 

1、：var test = $(“#iframe的ID”).contents().find(“#iframe中的控制元件ID”);//jquery 方法1 

　　var test2 =  $(“#iframe中的控制元件ID”,document.frames(“frame的name”).document);//jquery 方法2

　　var test3 = document.getElementById(‘iframe的id’).contentWindow.document.getElementById(‘iframe裡要獲取的元素的id’);//js方法  轉載請註明出處，謝謝合作*-* http://www.cnblogs.com/simba-lkj/p/6032458.html