js_javascriptスキルでWebページの背景色とフォント色を取得する方法

Web ページの背景色とフォント色を取得する方法は次のとおりです。

考察: color 属性値を取得して得られるのは RGB カラーであり、これは私たちが望んでいる色ではないので、必要があります。 RGB カラーを 16 進カラーに変更するには、まず RGB カラーを取得します:

コードをコピー コードは次のとおりです:

var rgb = document.getElementById ('color').style.backgroundColor;

形式は次のとおりです: rgb(225, 22, 23); 🎜>

コードをコピーします コードは次のとおりです:

var rgb = rgb.split('(' )[1]; //分割後は [rgb, 225 ,22,23)] 形式、長さ 2 の配列

になり、(225,22,23) 文字列が分割されます。 (注: 変換できるのは数値型のみなので、parseInt を使用して変換型を強制します!):

コードをコピー コードは次のとおりです。

for(var k = 0; k str[k] = parseInt(rgb .split(',')[k]).toString (16);//str 配列は分割データを保存します
}

最終的な組み合わせ:

コードをコピーします コードは次のとおりです。

str = '#' str[0] str[1] str[2];

コード全体

コードをコピー コードは次のとおりです:

🎜> ;style type="text/css">
#color{
幅 : 200px;
行の高さ: 200px; 🎜>}

();" type="button" value="フォントの色を取得する" />