p5.js | función atributo()

La función atributo() se usa para agregar un nuevo atributo o cambiar el valor de un atributo existente en el elemento especificado. Si el atributo no especifica ningún valor, devuelve el valor del atributo dado, o nulo si el atributo no está establecido.

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:

attribute()

o

attribute( attr, value )

Parámetros:

• attr: este parámetro contiene el nombre del atributo que debe establecerse.
• value: Este parámetro contiene el valor que se le asigna a ese atributo.

Valor devuelto: esta función devuelve el valor del atributo en formato de string.

El siguiente ejemplo ilustra la función atributo() en p5.js:

Ejemplo:

function setup() {
      
    // Canvas size 400*400 
    createCanvas(400, 200);
      
    // Set background color
    background('green');
      
    // Create an input element
    var input_val = createInput('');    
      
    // Set the attribute and its value    
    input_val.attribute('value', 'Welcome to GeeksforGeeks');  
    
    // Set the position of div element
    input_val.position(60, 80); 
    
    // Set width of input field
    input_val.style('width', '250px');
    
    // Set font-size of input text
    input_val.style('font-size', '20px');
} 

Producción: