素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: twitter: @javascripter にどうぞ。

エレメントのbackgroundColorを数値で取得する

function getBgColor(elem){
	var [r,g,b]=getComputedStyle(elem,null).backgroundColor
		.replace(/[^\d,]/g,'')
		.split(',')
		.map(function(i)parseInt(i));
	return {r:r,g:g,b:b};
}

getBgColor(document.body);//Object r=0 g=0 b=0

こんな感じかな。
取得したスタイルをいちいち変換しなきゃいけないってのはどうなんだろう。もっといい方法あるかな。