替換特定標記內的屬性名稱

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();