PHPはページ内のテキストの色を読み取る

Question

現在のページにh3（最初のh3）の色を選択する関数を書くのには助けが必要です。この関数は、正しいメタカラー（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>