p5.js parent() Function

The parent() function is used to attach the element as a parent element. This function accepts either a string ID, DOM node, or p5.Element. This function returns the parent node if it does not contain any parameters.

Syntax:

parent( parent )

or

parent()

Parameters: It contains single parameter parent which holds the string p5.Element Object as element.

Below example illustrates the parent() function in p5.js:

Example:

function setup() {

    // Create Canvas of given size
    var cvs = createCanvas(600, 250);
}

function draw() {

    // Set the background color
    background('green');

    // Use createDiv() function to
    // create a div element
    var myDiv = createDiv('GeeksforGeeks');

    var myDiv1 = createDiv('A computer science portal for geeks');

    // Use parent() function
    myDiv1.parent(myDiv);

    // Set the position of div element
    myDiv.position(150, 100);

    myDiv.style('text-align', 'center');

    // Set the font-size of text
    myDiv.style('font-size', '24px');

    // Set the font color
    myDiv.style('color', 'white');

}

Output: