للحصول على لون الخلفية ولون الخط في صفحة الويب ، فإن الطريقة هي كما يلي:
الفكر: ما يستحق الحصول على سمة اللون هو لون RGB ، وهو ليس ما نريد ، لذلك نحن بحاجة إلى تغيير لون RGB إلى اللون السداسي ، ونحصل أولاً على لون RGB:
نسخة الكود كما يلي:
var rgb = document.getElementById ('color'). style.backgroundColor ؛
يتم الحصول على التنسيق على النحو التالي: RGB (225 ، 22 ، 23) ؛
نسخة الكود كما يلي:
var rgb = rgb.split ('(') [1] ؛ // array بطول 2 بعد الانقسام
ثم قم بتقسيم سلسلة (225 ، 22 ، 23) (ملاحظة: يمكن تحويل نوع الرقم فقط ، لذا استخدم Parseint لإلقاء النوع!):
نسخة الكود كما يلي:
لـ (var k = 0 ؛ k <3 ؛ k ++) {
str [k] = parseint (rgb .spleit ('،') [k]).
}
المزيج النهائي:
نسخة الكود كما يلي:
str = '#'+str [0]+str [1]+str [2] ؛
الكود بأكمله كما يلي:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> gethexcolor js/jQuery Get Hex Color </title>
<meta charset = "utf-8" />
<script type = "text/javaScript">
وظيفة gethexbgcolor () {
var str = [] ؛
var rgb = document.getElementById ('color'). style.backgroundcolor.split ('(') ؛
لـ (var k = 0 ؛ k <3 ؛ k ++) {
str [k] = parseint (rgb [1] .Split ('،') [k]). toString (16) ؛
}
str = '#'+str [0]+str [1]+str [2] ؛
document.getElementById ('color'). innerhtml = str ؛
}
وظيفة gethexcolor () {
var str = [] ؛
var rgb = document.getElementById ('color'). style.color.split ('(') ؛
لـ (var k = 0 ؛ k <3 ؛ k ++) {
str [k] = parseint (rgb [1] .Split ('،') [k]). toString (16) ؛
}
str = '#'+str [0]+str [1]+str [2] ؛
document.getElementById ('color'). innerhtml = str ؛
}
</script>
<type type = "text/css">
#لون{
العرض: 200 بكسل ؛
الارتفاع: 200 بكسل ؛
Line-Leight: 200px ؛
محاذاة النص: المركز ؛
}
</style>
</head>
<body>
<Div Style = "Color: #88EE22 ؛ Background-Color: #EF8989 ؛"
<input onClick = "gethexbgcolor () ؛"
<input onClick = "gethexcolor () ؛"
</body>
</html>