0

Estimados necesito ayuda para conocer el color de fondo background-color de un textarea con javascript, para luego compararlo . El color es rgb(204, 204, 204) lo saque mediante inspeccion de la web pero no se como hacerlo automatico. Gracias

2 respuestas 2

2

La forma más segura para obtener los estilos de los elementos es mediante getComputedStyle , que forma parte de window.

Supongamos que el color de fondo es asignado vía CSS, mediante la clase test, puedes hacer esto:

/* Seleccionamos el elemento por la clase*/
var elTxt=document.querySelector('.test');
const style = getComputedStyle(elTxt);
const bgColor = style.backgroundColor;
console.log(bgColor);
.test {background-color: rgb(204, 204, 204); }
<textarea class="test">Lorem ipsum dolor sit amet</textarea>

Funciona también si el estilo es asignado inline (no se recomienda asignar estilos inline en los elementos, lo pongo aquí solamente para mostrar que así también funciona):

var elTxt=document.getElementById('mi-txt');
const style = getComputedStyle(elTxt);
const bgColor = style.backgroundColor;
console.log(bgColor);
<textarea id="mi-txt" style="background-color: rgb(204, 204, 204);">Lorem ipsum dolor sit amet</textarea>

1
  • tu explicación esta mucho mejor el 31 mar. 2019 a las 18:22
0

Podrías hacerlo obteniendo el estilo computado del elemento de la siguiente forma:

const textarea = document.querySelector('textarea')
window.getComputedStyle(textarea, null).getPropertyValue('background-color')

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.