La función html() se usa para configurar el HTML interno del elemento reemplazando cualquier html existente. Si el valor del segundo parámetro es verdadero, se agrega html en lugar de reemplazar el elemento html existente. Si esta función no contiene ningún parámetro, devuelve el HTML interno del elemento.
Nota: Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html.
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"> </script>
Sintaxis:
html()
o
html( html, append )
Parámetros:
- html: este parámetro contiene el elemento HTML en formato de string que debe colocarse dentro del elemento.
- agregar: este parámetro contiene el valor booleano para agregar un elemento HTML existente.
Valor de retorno: esta función devuelve una string que contiene el código HTML interno del elemento.
Los siguientes ejemplos ilustran la función html() en p5.js:
Ejemplo 1:
function setup() {
// Create a canvas of given size
createCanvas(400, 200);
// Set background color
background('green');
var div = createDiv('');
// Use html() function
div.html('Welcome to GeeksforGeeks');
// Set the position of div element
div.position(60, 80);
// Set font-size of text
div.style('font-size', '24px');
// Set font-color of text
div.style('color', 'white');
}
Producción:
Ejemplo 2:
function setup() {
// Create canvas of given size
createCanvas(400, 200);
// Set background color
background('green');
var div = createDiv('').size(200, 70);
// Use html() function
div.html('Welcome to GeeksforGeeks', true);
// Set the position of div element
div.position(100, 60);
// Set font-size of text
div.style('font-size', '24px');
// Set font-color of text
div.style('color', 'white');
div.style('border', '1px solid white');
div.style('text-align', 'center');
}
Producción: