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
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
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP