Question

$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标记，因为我想要这个输出：

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

你可以帮我吗

Answer 1

以下是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>

如何添加另一个html标签

1 个答案: