Inserción adyacente de elementos en JavaScript
Dado el elemento:
<div id="elem" style="border: 1px solid red;">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Inserte antes de él un párrafo con el texto '!!!'.
Dado el elemento:
<div id="elem" style="border: 1px solid red;">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Inserte después de él un párrafo con el texto '!!!'.
Dado el elemento:
<div id="elem" style="border: 1px solid red;">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Inserte al principio del mismo un párrafo con el texto '!!!'.
Dado el elemento:
<div id="elem" style="border: 1px solid red;">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Inserte al final del mismo un párrafo con el texto '!!!'.
