Convert HTML raw string to DOM Nodes in Javascript

To Convert HTML raw string to DOM Nodes in Javascript, we just use createContextualFragment method like this:


Usage: 

const buttonElement = htmlDom.querySelector('#button'); // Get its child
document.body.prepend(htmlDom) // or prepend it
// or do something you need


The createRange().createContextualFragment() method returns a DocumentFragment by invoking the HTML fragment parsing algorithm or the XML fragment parsing algorithm with the start of the range as the context node


convert string to nodecreateContextualFragmentcreateRangejavascriptstring to dom

Latest

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

Related

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

G

Get height or width of an element in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

© 2019 4codev

Created with love by Sil.