JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<br /><br /><br />
<div id="a">
    <p>Middle</p>
</div>
<table>
    <tr id="b"></tr>
</table>

CSS

#a {
    outline: solid blue 2px;
}

JavaScript

var elem = document.getElementById('a');
if (!(elem.insertAdjacentHTML)) {
    var fail = document.createElement('div');
    fail.textContent = "No such method";
    elem.appendChild(fail);
}
else {
	elem.insertAdjacentHTML('beforebegin', '<p>First</p>');
	elem.insertAdjacentHTML('afterbegin', '<p>Before Middle</p>');
	elem.insertAdjacentHTML('beforeend', '<p>After Middle</p>');
	elem.insertAdjacentHTML('afterend', '<p id="c">Last</p>');
    if (!(document.getElementById('c'))) {
        alert('Alleged IE8 WTF');
    }
    var tr = document.getElementById('b');
    tr.insertAdjacentHTML('afterbegin', '<td>Works on tables</td>');
}