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

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

P

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

Related

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

R

Replace the end of the text when it is overflowed with three dots with Javascript

T

The ways to remove duplicate items in an Array of Objects

© 2019 4codev

Created with love by Sil.