El objeto DOM en negrita se utiliza para representar el elemento HTML <b>. Se accede al elemento en negrita mediante getElementById().
Sintaxis:
document.getElementById("ID");
Donde “id” es el ID asignado a la etiqueta “b” .
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Bold Object
</title>
<script>
function myGeeks() {
var b = document.getElementById("GFG");
b.style.backgroundColor = "red";
}
</script>
</head>
<body>
<b></b>
<h1 id="GFG">GeeksForGeeks</h1></b>
<h2 style="font-size:35px;">DOM Bold Object</h2>
<BR>
<button onclick="myGeeks()">
Submit
</button>
<p id="geeks"></p>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Ejemplo-2: el objeto en negrita se puede crear utilizando el método document.createElement .
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Bold Object
</title>
<!-- script for Bold Object -->
<script>
function myGeeks() {
var G = document.createElement("B");
var F =
document.createTextNode("GeeksForGeeks");
G.appendChild(F);
document.body.appendChild(G);
}
</script>
</head>
<body>
<H1>GeeksForGeeks</H1>
<h2>DOM Bold Object</h2>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo"></p>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón: 
Navegadores compatibles: Los navegadores compatibles con DOM Bold Object 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