Para obtener el color de fondo y el color de fuente de la página web, el método es el siguiente:
Pensamiento: lo que vale la pena obtener el atributo de color es el color RGB, que no es lo que queremos, por lo que necesitamos cambiar el color RGB a color hexadecimal, y primero obtener el color RGB:
La copia del código es la siguiente:
var rgb = document.getElementById ('color'). style.backgroundcolor;
El formato se obtiene de la siguiente manera: RGB (225, 22, 23) y luego divide:
La copia del código es la siguiente:
var rgb = rgb.split ('(') [1]; // matriz con longitud 2 después de dividir
Luego divida la cadena (225, 22, 23) (NOTA: ¡Solo se puede convertir el tipo de número, así que use PARSEINT para lanzar el tipo!)::
La copia del código es la siguiente:
para (var k = 0; k <3; k ++) {
str [k] = parseInt (rgb .split (',') [k]). ToString (16); // La matriz STR guarda datos divididos
}
La combinación final:
La copia del código es la siguiente:
str = '#'+str [0]+str [1]+str [2];
Todo el código es el siguiente:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> gethexcolor js/jQuery Get Hex Color </title>
<meta charset = "utf-8" />
<script type = "text/javaScript">
función gethexbgcolor () {
var str = [];
var rgb = document.getElementById ('color'). style.backgroundcolor.split ('(');
para (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;
}
función gethexColor () {
var str = [];
var rgb = document.getElementById ('color'). style.color.split ('(');
para (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">
#color{
Ancho: 200px;
Altura: 200px;
Línea de altura: 200px;
Text-Align: Center;
}
</style>
</ablo>
<Body>
<div style = "Color: #88EE22; Color de fondo: #EF8989;"
<input onClick = "GetHExBGColor ();"
<input onClick = "gethexColor ();";
</body>
</html>