Inserção Adjacente de Elementos em JavaScript
Dado o elemento:
<div id="elem" style="border: 1px solid red;">
<p>texto</p>
<p>texto</p>
<p>texto</p>
</div>
Insira antes dele um parágrafo com o texto '!!!'.
Dado o elemento:
<div id="elem" style="border: 1px solid red;">
<p>texto</p>
<p>texto</p>
<p>texto</p>
</div>
Insira depois dele um parágrafo com o texto '!!!'.
Dado o elemento:
<div id="elem" style="border: 1px solid red;">
<p>texto</p>
<p>texto</p>
<p>texto</p>
</div>
Insira no início dele um parágrafo com o texto '!!!'.
Dado o elemento:
<div id="elem" style="border: 1px solid red;">
<p>texto</p>
<p>texto</p>
<p>texto</p>
</div>
Insira no final dele um parágrafo com o texto '!!!'.