From c8c40ae7c3115d329df981ad19b69fa1f6229a94 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Thu, 28 Dec 2017 23:46:33 +0200 Subject: [PATCH 1/3] Added hasClass/toggleClass snippets --- snippets/hasClass.md | 13 +++++++++++++ snippets/toggleClass.md | 13 +++++++++++++ tag_database | 2 ++ 3 files changed, 28 insertions(+) create mode 100644 snippets/hasClass.md create mode 100644 snippets/toggleClass.md diff --git a/snippets/hasClass.md b/snippets/hasClass.md new file mode 100644 index 000000000..5151bab5f --- /dev/null +++ b/snippets/hasClass.md @@ -0,0 +1,13 @@ +### hasClass + +Returns `true` if the element has the specified class, `false` otherwise. + +Use `element.classList.contains()` to check if the element has the specified class. + +```js +const hasClass = (el, className) => el.classList.contains(className); +``` + +```js +hasClass(document.querySelector('p.special')[0],'special') // true +``` diff --git a/snippets/toggleClass.md b/snippets/toggleClass.md new file mode 100644 index 000000000..855ac97b9 --- /dev/null +++ b/snippets/toggleClass.md @@ -0,0 +1,13 @@ +### toggleClass + +Toggle a class for an element. + +Use `element.classList.toggle()` to toggle the specified class for the element. + +```js +const toggleClass = (el, className) => el.classList.toggle(className); +``` + +```js +toggleClass(document.querySelector('p.special')[0],'special') // The paragraph will not have the 'special' class anymore +``` diff --git a/tag_database b/tag_database index f170f51d9..cf5a1a5b9 100644 --- a/tag_database +++ b/tag_database @@ -54,6 +54,7 @@ getType:utility getURLParameters:browser groupBy:array hammingDistance:math +hasClass:browser head:array hexToRGB:utility httpsRedirect:browser @@ -126,6 +127,7 @@ timeTaken:utility toCamelCase:string toDecimalMark:utility toEnglishDate:date +toggleClass:browser toKebabCase:string tomorrow:date toOrdinalSuffix:utility From 1561f4218b7588a9d7d873c91bd4d08952830cef Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Fri, 29 Dec 2017 00:00:49 +0200 Subject: [PATCH 2/3] Update hasClass.md --- snippets/hasClass.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/snippets/hasClass.md b/snippets/hasClass.md index 5151bab5f..3a332d169 100644 --- a/snippets/hasClass.md +++ b/snippets/hasClass.md @@ -9,5 +9,5 @@ const hasClass = (el, className) => el.classList.contains(className); ``` ```js -hasClass(document.querySelector('p.special')[0],'special') // true +hasClass(document.querySelector('p.special'),'special') // true ``` From 728826d7eb64ee7567cf3406d63f1839152d26d5 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Fri, 29 Dec 2017 00:00:59 +0200 Subject: [PATCH 3/3] Update toggleClass.md --- snippets/toggleClass.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/snippets/toggleClass.md b/snippets/toggleClass.md index 855ac97b9..fb773f261 100644 --- a/snippets/toggleClass.md +++ b/snippets/toggleClass.md @@ -9,5 +9,5 @@ const toggleClass = (el, className) => el.classList.toggle(className); ``` ```js -toggleClass(document.querySelector('p.special')[0],'special') // The paragraph will not have the 'special' class anymore +toggleClass(document.querySelector('p.special'),'special') // The paragraph will not have the 'special' class anymore ```