2017-02-28 170 views
0
$iframes = $doc->getElementsByTagName('iframe'); 
foreach ($iframes as $iframeViejo) { 
    $iframeMainn = $doc->createElement('iframe'); 
    $iframeNuevo->setAttribute('src', $iframeViejo->getAttribute('src')); 
    $iframeNuevo->setAttribute('width','560'); 
    $iframeNuevo->setAttribute('height','615'); 
    $figureNuevo = $doc->createElement('figure'); 
    $figureNuevo->setAttribute('class','op-interactive'); 
    $figureNuevo->appendChild($iframeNuevo); 
    $iframeViejo->parentNode->replaceChild($figureNuevo, $iframeViejo); 
} 

,但我想添加另一個iframe標籤,因爲我想這樣的輸出:如何添加另一個HTML標籤

<figure class="class"><iframe><iframe src="src" width="xxx" height="xxx"></iframe><iframe></figure> 

請你幫我

+0

輸出通過對循環添加的I幀,然後分別?你在問什麼? –

+0

是的,我需要添加另一個iframe – skycomputer2

+0

什麼對象是$ iframeNuevo –

回答

0

這裏是JavaScript代碼,您可以嘗試

function CreateTag(TAG){ 
    return document.createElement(TAG); 
} 

var iframes = document.getElementsByTagName('iframe'); 
var totalIframe = iframes.length; 

for(var i=0; i<totalIframe; i++){ 
    figure = CreateTag('figure'); /*Create <figure> Tag*/ 
    iframe = CreateTag('iframe'); /*Create <iframe> Tag*/ 

    figure.setAttribute('class','ClassName'); /*Set class="ClassName"*/ 

    iframe.setAttribute('src',iframes[i].src); /*Set main iframe src to new <iframe> src*/ 
    iframe.setAttribute('width','200'); /*Set new <iframe> width*/ 
    iframe.setAttribute('height','100'); /*Set new <iframe> height*/ 

    figure.appendChild(iframe);  /*Append new <figure> to <figure> Tag*/ 
    iframes[i].replaceWith(figure); /*Replace main <iframe> with new <figure> Tag*/ 
} 

注:上面的代碼將類似如下

<figure class="ClassName"><iframe src="{main-iframe-src}" width="200" height="100"><iframe></figure> 
相關問題