No trecho que fala sobre o setAttribute, foi dado o seguinte exemplo:
// HTML: <p id="meuParagrafo">Texto inicial</p>
const paragrafo = document.getElementById('meuParagrafo');
paragrafo.setAttribute('id', 'paragrafoModificado');
paragrafo.setAttribute('data-novo-atributo', 'Novo valor');
com a alteração do id na penúltima linha, o comando na última linha não deixaria de funcionar? O "getElementById" passa como parâmetro o ID antes da modificação.
Oi Igor!
Quando você usa getElementById para selecionar um elemento, ele retorna uma referência direta a esse elemento no DOM. Então, mesmo que você altere o ID desse elemento posteriormente usando setAttribute, a referência que você armazenou na variável (paragrafo no seu caso) ainda aponta para o mesmo elemento.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!