首頁 > web前端 > js教程 > js獲得網頁背景色和字體色的方法_javascript技巧

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

WBOY
發布: 2016-05-16 16:54:55
原創
1113 人瀏覽過

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

想法: 透過取得顏色屬性值得到的是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; }
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板