Para obter a cor de fundo e a cor da fonte da página da web, o método é o seguinte:
Pensamento: o que é digno de obter o atributo de cor é a cor RGB, que não é o que queremos, então precisamos alterar a cor RGB para a cor hexadecimal e primeiro obter a cor RGB:
A cópia do código é a seguinte:
var rgb = document.getElementById ('color'). style.backgroundColor;
O formato é obtido da seguinte forma: RGB (225, 22, 23);
A cópia do código é a seguinte:
var rgb = rgb.split ('(') [1]; // Matriz com comprimento 2 após a divisão
Em seguida, divida a corda (225, 22, 23) (Nota: Somente o tipo de número pode ser convertido, então use a parseint para lançar o tipo!):
A cópia do código é a seguinte:
for (var k = 0; k <3; k ++) {
str [k] = parseint (rgb .split (',') [k]).
}
A combinação final:
A cópia do código é a seguinte:
str = '#'+str [0]+str [1]+str [2];
O código inteiro é o seguinte:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> gethexcolor js/jQuery Get Hex Color </title>
<meta charset = "utf-8" />
<script type = "text/javascript">
função gethexbgcolor () {
var str = [];
var rgb = document.getElementById ('color'). style.backgroundColor.split ('(');
for (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;
}
função gethexcolor () {
var str = [];
var rgb = document.getElementById ('color'). style.color.split ('(');
for (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>
<style type = "text/css">
#cor{
Largura: 200px;
Altura: 200px;
altura de linha: 200px;
Alinhamento de texto: centro;
}
</style>
</head>
<Body>
<div style = "cor: #88ee22; cor de fundo: #ef8989;" id = "cor"> </div>
<input onclick = "gethexbgcolor ();
<input onclick = "gethexcolor ();" Tipo = "Button" Value = "Obtenha a cor da fonte" />
</body>
</html>