Creates an element from a string (without appending it to the document).
If the given string contains multiple elements, only the first one will be returned.

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.


const createElement = str => {
  const el = document.createElement('div');
  el.innerHTML = str;
  return el.firstElementChild;


const el = createElement(
  `<div class="container">
console.log(el.className); // 'container'