p5.Element class() Method Last Updated : 23 Jul, 2024 Comments Improve Suggest changes Like Article Like Report The class() method of p5.Element in p5.js is used to set or return the classes of the element. When no class is specified as a parameter, it returns the current classes of the element. An element can have multiple classes assigned to it. Also, one class can be specified to multiple elements on the page.Syntax:class(class)Parameters: This function accepts a single parameter as mentioned above and described belowclass: It is a string that denotes the class of the element.Example: The example below illustrates the class() method in p5.js. JavaScript function setup() { createCanvas(550, 300); textSize(18); text("Click on the button to add the given " + "class(es) to the element", 20, 20); setBtn = createButton("Create new Element with given classes"); setBtn.position(30, 40); setBtn.mouseClicked(createNewElement); setBtn = createButton("Show Last Element class"); setBtn.position(300, 40); setBtn.mouseClicked(showClasses); class_name = createInput('tmpClass'); class_name.position(30, 80); } function createNewElement() { clear(); // Create a new p5.Element tmpElement = createElement("div"); // Get the class to set let classToSet = class_name.value(); // Set the class of the element tmpElement.class(classToSet); text("Class set with the names: " + classToSet, 30, 120); text("Click on the button to add the given " + "class(es) to the element", 20, 20); } function showClasses() { clear(); // Get the classes of the element let setClasses = tmpElement.class(); // Display the classes text("The classes of the element are: " + setClasses, 30, 120); text("Click on the button to add the given " + "class(es) to the element", 20, 20); } Output: Online editor: https://editor.p5js.org/Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/Reference: https://p5js.org/reference/#/p5.Element/class Comment More infoAdvertise with us Next Article p5.Element class() Method S sayantanm19 Follow Improve Article Tags : JavaScript Web Technologies JavaScript-p5.js Similar Reads p5.Element addClass() Method The addClass() method of p5.Element in p5.js is used to add the specified class to an element. An element can have multiple classes assigned to it. Also, one class can be specified to multiple elements on the page.Syntax:addClass(class)Parameters: This function accepts a single parameter as mentione 2 min read p5.js Element hasClass() Method The hasClass() method of p5.Element in p5.js is used to check if the specified class is already present in the element. It returns a boolean value denoting if the class was present or not. An element can have multiple classes assigned to it. Syntax: hasClass( class ) Parameters: This function accept 2 min read p5.js Element removeClass() Method The removeClass() method of p5.Element in p5.js is used to remove the specified class to an element. An element can have multiple classes assigned to it. Also, one class can be specified to multiple elements on the page. Syntax: removeClass(class) Parameters: This function accepts a single parameter 2 min read jQuery addClass() Method The addClass() method is an inbuilt method in jQuery that is used to add more properties to each selected element. It can also be used to change the property of the selected element. This method can be used in two different ways: 1) By adding a Class name directly: Here, the Class name can be used d 2 min read jQuery hasClass() Method The hasClass() is an inbuilt method in jQuery which check whether the elements with the specified class name exist or not. Syntax: $(selector).hasClass(className);Parameter: It accepts a "className" parameter which specifies the class name needed to search in the selected element. Return Value: It r 1 min read Like