From f083c9564decc39dbd861edd0fa6018fdd32a82e Mon Sep 17 00:00:00 2001 From: atomiks Date: Sat, 6 Jan 2018 03:21:44 +1100 Subject: [PATCH 1/3] Add createElement --- snippets/createElement.md | 23 +++++++++++++++++++++++ tag_database | 1 + 2 files changed, 24 insertions(+) create mode 100644 snippets/createElement.md diff --git a/snippets/createElement.md b/snippets/createElement.md new file mode 100644 index 000000000..a98c89091 --- /dev/null +++ b/snippets/createElement.md @@ -0,0 +1,23 @@ +### createElement + +Creates an element from a string. + +Use `document.createElement()` to create a new element. Set its `innerHTML` +to the string supplied as the argument. Use `ParentNode.firstElementChild` to +return the element version of the string. + +```js +const createElement = str => { + const el = document.createElement('div'); + el.innerHTML = str; + return el.firstElementChild; +}; +``` + +```js +createElement( + `
+

Hello!

+
` +); +``` diff --git a/tag_database b/tag_database index dc0014097..049dbefd0 100644 --- a/tag_database +++ b/tag_database @@ -20,6 +20,7 @@ compose:function copyToClipboard:browser countOccurrences:array countVowels:string +createElement:browser currentURL:browser curry:function deepFlatten:array From 87ce9f2c80a28677c3c7682350f312a1fcb1689c Mon Sep 17 00:00:00 2001 From: atomiks Date: Sat, 6 Jan 2018 03:52:25 +1100 Subject: [PATCH 2/3] Add example --- snippets/createElement.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/snippets/createElement.md b/snippets/createElement.md index a98c89091..f3cfa7cd8 100644 --- a/snippets/createElement.md +++ b/snippets/createElement.md @@ -15,9 +15,10 @@ const createElement = str => { ``` ```js -createElement( +const el = createElement( `

Hello!

` ); +console.log(el.className); // 'container' ``` From c196b831bb2976cf5e8dc6f66a7d720a42dad22c Mon Sep 17 00:00:00 2001 From: atomiks Date: Sat, 6 Jan 2018 04:40:13 +1100 Subject: [PATCH 3/3] Update tag_database --- tag_database | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tag_database b/tag_database index 049dbefd0..77550bb6d 100644 --- a/tag_database +++ b/tag_database @@ -20,7 +20,7 @@ compose:function copyToClipboard:browser countOccurrences:array countVowels:string -createElement:browser +createElement:browser,utility currentURL:browser curry:function deepFlatten:array