El objeto DOM enfatizado se usa para representar el elemento HTML <em>. Se accede al elemento enfatizado mediante getElementById().
Sintaxis:
document.getElementById("ID");
Donde “id” es el ID asignado a la etiqueta “em” .
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>DOM Emphasized Object</title>
</head>
<body>
<center>
<h2>DOM Emphasized Object</h2>
<!--Text in Italics-->
<p>Hello GeeksforGeeks</p>
<!--Text in Emphasize-->
<p><em id="GFG">Hello GeeksforGeeks</em></p>
<button onclick="mygeeks()">
Submit
</button>
<script>
function mygeeks() {
var gfg = document.getElementById("GFG");
gfg.style.color = "red";
gfg.style.fontSize = "29px";
}
</script>
</center>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2:
<!DOCTYPE html>
<html>
<head>
<title>DOM Emphasized Object</title>
</head>
<body>
<h2>DOM Variable Object</h2>
<!--Text in Paragraph-->
<p>Hello GeeksforGeeks</p>
<button onclick="mygeeks()">
Submit
</button>
<script>
function mygeeks() {
var gfg = document.createElement("em");
var text =
document.createTextNode("Hello GeeksForGeeks");
gfg.appendChild(text);
document.body.appendChild(gfg);
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el objeto enfatizado por DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA