Answer by Troy Cura for Appending HTML string to the DOM
The answer to my Question was just this; a simple Map with an empty value; and all I can get is a very heavy answer and not precise. I wonder who closed my question... didn't even bother to read"use...
View ArticleAnswer by Kamil Kiełczewski for Appending HTML string to the DOM
Shortest - 18 chars (not confuse += (mention by OP) with = more details here)test.innerHTML=strvar str = '<p>Just some <span>text</span> here</p>';test.innerHTML=str<div...
View ArticleAnswer by KANJICODER for Appending HTML string to the DOM
Quick Hack:<script>document.children[0].innerHTML="<h1>QUICK_HACK</h1>";</script>Use Cases:1: Save as .html file and run in chrome or firefox or edge. (IE wont work)2: Use in...
View ArticleAnswer by Łukasz Szpak for Appending HTML string to the DOM
InnerHTML clear all data like event for existing nodesappend child with firstChild adds only first child to innerHTML. For example if we have to...
View ArticleClik here to view.
Answer by Kamil Kiełczewski for Appending HTML string to the DOM
PerformanceAppendChild (E) is more than 2x faster than other solutions on chrome and safari, insertAdjacentHTML(F) is fastest on firefox. The innerHTML= (B) (do not confuse with += (A)) is second fast...
View ArticleAnswer by Rafael Senne for Appending HTML string to the DOM
This can solve document.getElementById("list-input-email").insertAdjacentHTML('beforeend', '<div class=""><input type="text" name="" value="" class="" /></div>');
View ArticleAnswer by Chris Calo for Appending HTML string to the DOM
The idea is to use innerHTML on an intermediary element and then move all of its child nodes to where you really want them via appendChild.var target = document.getElementById('test');var str =...
View ArticleAnswer by hsivonen for Appending HTML string to the DOM
The right way is using insertAdjacentHTML. In Firefox earlier than 8, you can fall back to using Range.createContextualFragment if your str contains no script tags.If your str contains script tags, you...
View ArticleAnswer by Neil for Appending HTML string to the DOM
Use insertAdjacentHTML which is supported in all current browsers:div.insertAdjacentHTML( 'beforeend', str );The position parameter beforeend will add inside the element, after its last child.Live...
View ArticleAnswer by Nick Brunt for Appending HTML string to the DOM
Why is that not acceptable?document.getElementById('test').innerHTML += strwould be the textbook way of doing it.
View ArticleAnswer by alex for Appending HTML string to the DOM
Is this acceptable?var child = document.createElement('div');child.innerHTML = str;child = child.firstChild;document.getElementById('test').appendChild(child);jsFiddle.But, Neil's answer is a better...
View ArticleAppending HTML string to the DOM
How to append a HTML string such asvar str = '<p>Just some <span>text</span> here</p>';to the <div> with the id test?(Btw div.innerHTML += str; is not acceptable.)
View Article