如何使用javascript添加樣式到<iframe>標籤時，它的父標籤的ID是已知的？

Question

如何將樣式應用於其父標籤的ID已知的iframe？

例子：

<div id="xyz"> 
<iframe ....> </iframe> 
</div> 

我想申請樣式iframe和height: 70px。 我剛剛知道如何使用CSS來做到這一點。

我該怎麼做，使用JavaScript。非常感謝任何幫助！

Answer 1

// grab the div and the first iframe inside it: 

var iframe = document.getElementById('xyz').getElementsByTagName('iframe')[0]; 

// There are two different valid ways to set the height 

// 1. Change the attribute like it was <iframe height="70" ... /> 
iframe.height = '70'; 

// 2. Change the attribute like it was <iframe style="height: 70px;" ... /> 
iframe.style.height = '70px';