取得網頁的背景色和字體顏色,方法如下:
想法: 透過取得顏色屬性值得到的是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 陣列保存拆分後的資料
複製程式碼
代碼如下:
代碼如下:
整個程式碼如下: 複製程式碼
複製程式碼
複製程式碼
複製程式碼
複製程式碼
程式碼如下:
getHexColor js/jQuery 取得十六進制顏色
width: 200px; height: 200px; line-px; height: 200px; line- height: 200px; text-align: center; }