Publicado em 6 de jan.

Inserindo uma sequencia de html após um elemento

aí, galera. é o seguinte.

Tenho a seguinte estrutura em um html.

<div id="principal">
 <span id="span_refresh">atualizar</span>
 <span id="span_mark_all">marcar todos como lidos</span>
 <span id="span_exit">sair</span>
</div>
Eu quero inserir via javascript (dinamicamente) **<span id="span_font_mais">A+</span>** exatamente após o segundo SPAN (span_mark_all).

Nesse caso, como eu faria isso?

* Detalhe, eu não tenho acesso à alterar o código html da página, pois não é minha. Eu estou tentando fazer tipo um daqueles bookmarklets mas esbarrei nessa parte do código.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Alex Hiroshi· 6 de jan.

Você pode pegar como referência o segundo ou o terceiro span e usar um insertBefore().

Primeiro você pega a referência do elemento:

var ref = document.getElementById("span_mark_all")Depois é só criar o nome elemento, com o seu devido texto:

var nEle = document.createElement("span");
nEle.setAttribute("id", "span_font_mais");

nEle.appendChild(document.createTextNode("A+"));E aí é só jogar depois do segundo span, com o insertBefore e a juda do parentNode e nextSibling:

ref.parentNode.insertBefore(nEle, ref.nextSibling);

klawdyo· 6 de jan.

Valeu, cara.. Vou testar aqui..

Obrigado pela ajuda.