AnswerBun.com

Alterar posição do elemento com JavaScript

Stack Overflow em Português Asked by Verônica Emschermann on January 13, 2021

Atualmente, o elemento está assim :

<li>
  <a>
    <i> </i>
  </a>
</li>

Mas, eu quero trocar a posição da tag i com JavaScript, para fora da tag a, tornando as tags irmãs, ou seja :

<li>
  <a> </a>
  <i> </i>
</li>

Ja tentei fazer isso com insertAdjacentHTML, mas algo está dando errado, pois eu quero tirar o elemento do pai, e por isso não estou conseguindo

One Answer

Adicionei um id na li, pra ficar mais fácil o exemplo:

HTML:

<li id="li">
  <a>
    <i>a</i>
  </a>
</li>

JS:

//Salva os nodes em variaveis
var li = document.getElementById("li"); 
var a = li.firstElementChild;
var i = a.firstElementChild;

li.prepend(i); //adiciona o <i> na li
a.removeChild(i);// remove o <i> do <a>

Fiddle do exemplo. https://jsfiddle.net/xLyunqw4/

Correct answer by Rogerio Santos on January 13, 2021

Add your own answers!

Related Questions

$_ possui algum significado em questão?

3  Asked on December 30, 2021 by problemtico

     

Ponteiro para funções em C não está chamando

2  Asked on December 30, 2021 by igor-ptz

     

injetar beans do CDI no durante o teste usando Arquillian Chameleon

1  Asked on December 30, 2021 by danrley-alencar

         

Como manter os dados na tela ao clicar no botão voltar com Angular 8

1  Asked on December 30, 2021 by alexsandro-andrade

 

Carousel Flutter

1  Asked on December 30, 2021 by user198735

   

Dúvida na execução

3  Asked on December 30, 2021 by bruno-santana

     

Removendo o TitleBar do app android

6  Asked on December 28, 2021 by ivan-veloso

   

Erro em código básico no Kivy(Python)

2  Asked on December 28, 2021 by nielsen-rick

     

Repetição for para chamar variáveis

4  Asked on December 28, 2021 by user93774

       

Classes com associações em UML

3  Asked on December 28, 2021 by cleriston-martins-cardoso

       

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir