替换特定标记内的属性名称

Question

在我的新Wordpress主题中，我将使用一个lazyload库，该库需要使用data-src属性而不是src。由于我想保留旧内容，我想用Wordpress函数替换属性。忽略属性顺序的替换模式是什么？限于img和iframe标签？

Answer 1

使用解析器，这比在html上使用正则表达式更安全。

$doc = new DOMDocument(1.0, 'utf-8'); 
    $doc->loadHTML("html string........"); //replace with your html string 
    $iframes = $doc->getElementsByTagName("iframe"); 
    $imgs = $doc->getElementsByTagName("img"); 

    foreach($iframes as $iframe) 
    { 
     $iframe->setAttribute("data-src", $iframe->getAttribute("src")); 
     $iframe->removeAttribute("src"); // optional, delete if not wanted. 
    } 

    foreach($imgs as $img) 
    { 
     $img->setAttribute("data-src", $img->getAttribute("src")); 
     $img->removeAttribute("src"); // optional, delete if not wanted. 
    } 

    $editedHTML = $doc.saveHTML();