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>