p5.js 元素 hasClass() 方法

p5.js 中 p5.Element 的hasClass()方法用于检查指定的类是否已经存在于元素中。它返回一个布尔值，表示该类是否存在。一个元素可以有多个类分配给它。

句法：

hasClass( class )

参数：此函数接受如上所述和下文所述的单个参数。

• class：它是一个字符串，表示要检查的类。

示例：下面的示例说明了 p5.js 中的hasClass()方法

Javascript 代码：以下代码用于上述“sketch.js”文件。

Javascript

function setup() {
  createCanvas(600, 300);
  textSize(18);
    
  // Create a new p5.Element
  tmpElement = createElement("div");
  
  text("Click on the buttons to add, remove " +
       "or check the class of the element", 20, 20);
  
  setBtn = 
    createButton("Add color class to element");
    setBtn.position(30, 40);
    setBtn.mouseClicked(() => {
    tmpElement.addClass("color");
  });
  
  removeBtn =
    createButton("Remove color class from element");
  removeBtn.position(30, 80);
  removeBtn.mouseClicked(() => {
    tmpElement.removeClass("color");
  });
  
  showBtn = createButton("Check if class exists");
  showBtn.position(30, 120);
  showBtn.mouseClicked(checkClass);
}
  
function checkClass() {
  clear();
  // Check if the given class exists
  let hasC = tmpElement.hasClass("color");
  
  text("hasClass('color') gives the output: " +
       hasC, 20, 180);
  
  text("Click on the buttons to add, remove or " +
       "check the class of the element", 20, 20);
}

输出：

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考： https://p5js.org/reference/#/p5.Element/hasClass