Explicação:
Tenho uma <div>
pai que contém duas <div>
filhas, porém eu gostaria de inserir uma <table>
utilizando javascript, entre, ou seja, no meio dessas duas <div>
filhas que já existem na <div>
pai.
Porém a minha <table>
é uma string que contem o código HTML como valor.
Código da minha <table>
como string:
var HTMLString = '<table id="teste"><tbody id="appender"><tr class="header"><td class="cod">Código</td> <td class="nome">Nome</td><td class="tipo">Cidade - Estado</td></tr></tbody></table>';
HTML da div pai e das div filhas:
<div id=elementoPai>
<div id="fixedHeader_outer">
<div id="fixedHeader">conteudo</div>
</div>
<!-- quero que a HTMLString se transforme num html que apareça aqui no meio das duas -->
<div id="pnlOpcoes_outer">
<div id="pnlOpcoes">conteudo</div>
</div>
</div>
Exemplo no JSFiddle
Pergunta:
Como eu poderia fazer isto? Gostaria de várias soluções, citando as vantagens e desvantagens das mesmas, podendo utilizar do jQuery ou não