PHP在頁面中讀取文本的顏色

Question

我需要幫助來編寫一個函數，該函數在當前頁面中選取h3（第一個h3）的顏色。這個功能可以幫助我給出正確的meta顏色（您可以在Android導航欄中看到）。 我選擇的變量名是get_h3_color。我不知道如何在代碼中找到html h3標籤並閱讀css顏色。

預先感謝您！

Answer 1

試試這個。將其添加到wordpress header.php或footer.php文件中。併爲您需要的css顏色值的h3分配一個id。

document.addEventListener("DOMContentLoaded", function(event) { 
 
    var el = document.getElementById("bacolor"), 
 
     style = window.getComputedStyle(el), 
 
     colrVal = style.getPropertyValue('color'); 
 
    
 
    var hexDigits = new Array 
 
     ("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); 
 

 
    //Function to convert rgb color to hex format 
 
    function rgb2hex(rgb) { 
 
     rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 
 
     return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); 
 
    } 
 

 
    function hex(x) { 
 
     return isNaN(x) ? "00" : hexDigits[(x - x % 16)/16] + hexDigits[x % 16]; 
 
    } 
 
    
 
    var fnalColr = rgb2hex(colrVal); 
 
     
 
     var meta = document.createElement('meta'); 
 
     meta.name = "theme-color"; 
 
     meta.content = fnalColr; 
 
     document.getElementsByTagName('head')[0].appendChild(meta); 
 
    
 
     });

#bacolor{ 
 
    color: black; 
 
}

<div id="bacolor">hello</div>