p5.js | child()函数

child()函数用于将元素作为子元素添加到父元素。此函数接受字符串ID、DOM 节点或 p5.Element。如果此函数不包含任何参数，则它返回一个子 DOM 节点数组。

注意：此函数使用 p5.dom 库。因此，在 index.html 文件的 head 部分添加以下行。

句法：

child()

或者

child( child )

参数：此函数接受包含字符串或 p5.Element 的单个参数child 。 ID、DOM 节点或 p5.Element 用于添加为当前元素。

返回值：它返回一个子节点数组。

下面的示例说明了 p5.js 中的 child()函数：

例子：

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 child() function
    myDiv.child(myDiv1);
     
    // 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');
   
}

输出：