2014-01-07 63 views
1

我想重寫下面的<object>寬度和高度值,由iframe創建 - 下面是我試圖覆蓋它的JS片段,但在控制檯中它返回與遺漏的類型錯誤的錯誤:無法設置空的屬性 '高度'未捕獲的類型錯誤:無法設置屬性'高度'null

<object type="application/x-shockwave-flash" id="videoPlayerSWF" data="http://videoplayer.vevo.com/embed/embedded" width="1794" height="1082"><param name="bgcolor" value="#000000"></object> 

document.getElementById("videoPlayerSWF").height='100%'; 
document.getElementById("videoPlayerSWF").width='100%'; 
+2

您正在使用的onload確保該頁面在嘗試訪問其內容之前加載? –

+0

您是否嘗試過等待加載窗口? window.onload = function(){...}? – Aston

+0

如果代碼位於iFrame之外,則需遵守XSS規則。您還需要獲取iFrames的句柄以使用'getElementById'。 – meiamsome

回答

-4

的document.getElementById( 「videoPlayerSWF」)style.width = '100%';

+0

未捕獲TypeError:無法讀取null的屬性'樣式' –

+0

該錯誤指示getElementById返回null,具有給定ID的元素不能被綁定;因爲它存在於標記中,js調用必須在插入DOM之前。 –

+0

後編輯。 – Vasiliy

0
window.onload = function(){ 
    document.getElementById("videoPlayerSWF").height='100%'; 
    document.getElementById("videoPlayerSWF").width='100%'; 
} 

http://jsfiddle.net/acrashik/YLJa7/2/

  • 將其放置在準備
  • 確保你父有高度爲好,否則它不會是100%
相關問題