La propiedad de color de estilo DOM se utiliza para establecer o devolver el color del texto.
Sintaxis:
- Se utiliza para establecer la propiedad de color.
object.style.color
- Se utiliza para devolver la propiedad de color.
object.style.color = "color|initial|inherit"
Valores devueltos: Devuelve un valor de string que representa un color de texto de un elemento.
Valores de propiedad:
Valor devuelto: Devuelve un valor de string que representa un color de texto de un elemento.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Style color Property</title>
</head>
<body style="text-align:center">
<h1 id="geeks1">GeeksforGeeks</h1>
<h2 id="geeks2">DOM Style color Property</h2>
<p id="geeks3">
GeeksforGeeks: A computer science portal
</p>
<button type="button" onclick="geeks()">
Submit
</button>
<script>
function geeks() {
document.getElementById("geeks1").style.color
= "green";
document.getElementById("geeks2").style.color
= "black";
document.getElementById("geeks3").style.color
= "blue";
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo: 2
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Style color Property</title>
</head>
<body style = "text-align:center">
<h1 style = "color:green;" id = "gfg">
GeeksforGeeks
</h1>
<h2>DOM Style color Property</h2>
<button type = "button" onclick = "geeks()">
Submit
</button>
<script>
function geeks() {
alert(document.getElementById("gfg").style.color);
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad de color DOM Style se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 3 y superior
- Firefox 1 y superior
- Ópera 3.5 y superior
- Apple Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA