La propiedad HTML DOM Body se utiliza para establecer el elemento <body> del documento. Solo devuelve el contenido presente en la etiqueta <body>. Esta propiedad se usa para cambiar el contenido actual dentro del elemento <body> y los establece con el nuevo contenido especificado. Esta propiedad no devuelve el elemento <HTML>.
Sintaxis:
- Esta sintaxis devuelve la propiedad del cuerpo.
document.body
- Esta sintaxis se utiliza para establecer la propiedad del cuerpo.
document.body = Content
Valor de retorno: una referencia al objeto del cuerpo, que representa un elemento <body>
Valor de la propiedad: la propiedad document.body utiliza un contenido de valor único que se utiliza para agregar contenido nuevo en el elemento del cuerpo.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM body property</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM body property</h2>
<button onclick="geeks()">Submit</button>
<p id = "gfg"></p>
<script>
function geeks() {
var x = document.body.innerHTML;
document.getElementById("gfg").innerHTML =
"Display the body content:<br>" + x;
}
</script>
</body>
</html>
Producción:
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 body property</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM body property</h2>
<button onclick="geeks()">Submit</button>
<script>
function geeks() {
document.body.innerHTML = "<h1>"
+ "GeeksforGeeks"
+ "</h1>" + "<br>" + "<h2>"
+ "New Content Added"
+ "</h2>";
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad del cuerpo DOM se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 4 y superior
- Firefox 60 y superior
- Ópera 9.6 y superior
- 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