Jan 30Member-onlyRemove CSS Class From An HTML Element In JavaScriptLearn how to remove a CSS class from an HTML element dynamically in JavaScript. Remove Class From Element — classList.remove() Remove Class From Element — setAttribute() Remove Class From Element — className Property Remove Multiple Classes From An Element Remove Class From All Elements Remove Class From Element On Click 1. Remove A Class From An Element Using classList.remove() …JavaScript4 min readJavaScript4 min read
Published inTowards Dev·Jan 23Member-only5 Ways To Get The Width Of An HTML Element In JavaScriptLearn how to get the width of an HTML element using different properties and methods in JavaScript. Using .innerWidth Property Using .offsetWidth Property Using .clientWidth Property Using .scrollWidth Property Using .getBoundingClientRect() Method 1. Using innerWidth The innerWidth property only works on the window object to get the width of the browser’s viewport. This…JavaScript4 min readJavaScript4 min read
Published inDev Genius·Jan 16Member-onlyGet CSS Class Name(s) Of An HTML Element Using JavaScriptLearn how to get one or more CSS class names of an HTML element in JavaScript. Get Class Names Using classList Get Class Names Using getAttribute() Get Class Names Using className Get Class Name By its Index Get Class Name If it exists Get Class Names as a List 1. Get Class Names Using classList Here…JavaScript3 min readJavaScript3 min read
Jan 13Member-onlyFirebase V9 Firestore Get Document Data With Real-Time UpdatesLearn how to get document data with real-time updates using the onSnapshot() method from Cloud Firestore in Firebase version 9. Get Documents With Real-Time Updates Using onSnapshot() → you’re here Get Documents From A Collection Once using getDocs() Get Document By ID The sample Firestore Database has a cities collection…Programming2 min readProgramming2 min read
Published inJavaScript in Plain English·Nov 7, 2022Member-onlyGet Element(s) By Tag Name In JavaScriptLearn how to get one or more HTML element objects by tag name using getElementsByTagName() and querySelectorAll() methods in JavaScript. Get Element(s) By Tag Name Using getElementsByTagName() Get Element(s) By Tag Name Using querySelectorAll() Get Element(s) By With Multiple Tag Names Get Element(s) By Tag Name From Parent Element Typically…Programming3 min readProgramming3 min read
Published inLevel Up Coding·Oct 31, 2022Member-onlyChange Background Color Using JavaScriptThere are a few ways you can change the background color of an HTML Element dynamically in JavaScript. Using style.backgroundColor property Using ClassList.add() Using setAttribute() Change background color of a div Change background color dynamically on button click 1. Using style.backgroundColor Property You can use the style.backgroundColor property directly in JavaScript to change a…JavaScript4 min readJavaScript4 min read
Published inLevel Up Coding·Oct 24, 2022Member-onlyJavaScript Get Element(s) By Class NameLearn how to get one or more HTML element objects by class name using getElementsByClassName() and querySelectorAll() methods in JavaScript. Get Element(s) By Class Name Using getElementsByClassName() Get Element(s) By Class Name Using querySelectorAll() Get Element(s) By Class Name With Multiple Classes Get Element(s) By Class Name From Parent Element 1. Get Element By Class Name Using getElementsByClassName()JavaScript3 min readJavaScript3 min read
Oct 17, 2022Member-only5 Must-Know HTMLCollection Vs NodeList Differences In JavaScriptLearn the key differences between HTMLCollection and NodeList. HTMLCollection is an array-like object that has a collection of document elements. A NodeList object is a collection of document nodes (element nodes, attribute nodes, and text nodes). 1. Methods That Return HTMLCollection & NodeList HTMLCollection These two methods return the HTMLCollection object. getElementByTagName() and getElementsByClassName()JavaScript4 min readJavaScript4 min read
Oct 10, 2022Member-onlyJavaScript How To Call A FunctionLearn how to call a function in JavaScript. This is a two step process: Declare a function. Call it. There are two ways to declare a function. Using Function Declaration Using Function Expression Declare A Function Using Function Declaration Add the function keyword in front of the function name when declaring a function using Function Declaration. …JavaScript1 min readJavaScript1 min read
Oct 3, 2022Member-onlyGet Element By Id In JavaScript ExplainedThere are two methods that you can use to get element by id in JavaScript. getElementById() querySelector() Create an HTML Div Element With an ID attribute. The value of the ID attribute is set to box. <div id="box"></div> Get Element By ID Using GetElementById() Get a DOM reference of the HTML Element in JavaScript. Invoke getElementById()…JavaScript2 min readJavaScript2 min read
