Use Javascript dom instead of jQuery element selector (without jQuery)

Question

I have an element variable:

element = '<div class="c-element js-element">Something Here</div>';

Needed to select this element like:

$(element)

it returns no string return like:

n.fn.init [div.c-element.js-element, context: div.c-element.js-element] // and more

How can I select a given string element in javascript dom like jQuery selector?

There aren't jQuery selectors (for the most part), those are CSS selectors (look up querySelector) — CertainPerformance
– CertainPerformance, Commented Aug 1, 2018 at 7:33
Do you which to create the element manually, or just get an element from the dom using document.querySelector? — Icepickle
– Icepickle, Commented Aug 1, 2018 at 7:33
there is given element fully don't have class name or id, it is using inside a function. document.querySelector(element): Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '[object HTMLDivElement]' is not a valid selector — devugur
– devugur, Commented Aug 1, 2018 at 7:38

Andrey Davydov · Accepted Answer · 2018-08-01 07:38:12Z

1

$(element).get(0) will return the DOM element. Also you could use native bindings:

const element = document.createElement('div');
element.classList.add('c-element', 'js-element');
element.innerHTML = 'Something here'

answered Aug 1, 2018 at 7:38

Andrey Davydov

912 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1