js獲得網頁背景色和字體色的方法_javascript技巧

取得網頁的背景色和字體顏色，方法如下：

想法： 透過取得顏色屬性值得到的是rgb 色，不是我們想要的，所以需要將rgb 色裝換成十六進位色，先得到rgb色：

複製程式碼 程式碼如下:

var rgbget = docum. ('color').style.backgroundColor;

得到格式如下： rgb(225, 22, 23); 然後進行拆分：

複製程式碼 程式碼如下:

var rgb = rgb.split('(')[1]; //分割後為[rgb, 225 ,22,23)]形式，長度為2的陣列

再將（225,22,23）字串進行拆分（注意：只有number類型的才能轉換，所以用parseInt 強制轉換型別！ k str[k] = parseInt(rgb .split(',')[k]).toString(16);//str 陣列保存拆分後的資料

} 最後的組合:

複製程式碼


代碼如下:

代碼如下:
整個程式碼如下： 複製程式碼

複製程式碼

複製程式碼複製程式碼

複製程式碼



複製程式碼



複製程式碼


程式碼如下:

width: 200px; height: 200px; line-px; height: 200px; line- height: 200px; text-align: center; }