p5.js |删除()函数

remove()函数是一个内置函数，用于删除元素并注销所有侦听器。

此函数需要 p5.dom 库。因此，在index.html文件的 head 部分添加以下行。

句法：

remove()

参数：此函数不接受任何参数。

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

示例 1：此示例创建一个元素。

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('Welcome to GeeksforGeeks');
    
  // Set the position of div element
  myDiv.position(150, 100);  
    
  // Set the font-size of text
  myDiv.style('font-size', '24px');
    
  // Set the font color
  myDiv.style('color', 'white');
    
  // Comment the remove() function 
  // myDiv.remove();
}

输出：

示例 2：此示例使用 remove()函数删除元素。

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('Welcome to GeeksforGeeks');
    
  // Set the position of div element
  myDiv.position(150, 100);  
    
  // Set the font-size of text
  myDiv.style('font-size', '24px');
    
  // Set the font color
  myDiv.style('color', 'white');
    
  // Use remove() function to remove div element
  myDiv.remove();
}

输出：