Olá Rafaela, tudo bem?

Ótima pergunta! Na verdade, ambas as formas são válidas e podem ser utilizadas dependendo do contexto em que você está trabalhando.

Se você precisa apenas alterar o conteúdo de um elemento específico, a primeira opção pode ser mais simples e direta. Já se você precisa armazenar o conteúdo para utilizá-lo posteriormente em outras partes do código, a segunda opção pode ser mais adequada.

Por exemplo, se você precisa alterar o conteúdo de um elemento apenas uma vez, pode fazer diretamente a mudança, como no primeiro exemplo que você mencionou. Já se você precisa utilizar o mesmo conteúdo em outras partes do código, pode ser interessante armazená-lo em uma variável, como no segundo exemplo.

Além disso, uma vantagem de armazenar elementos em variáveis é que você pode manipular suas propriedades com mais facilidade, evitando a repetição de código desnecessária.

No entanto, é importante lembrar que não existe uma regra rígida para isso e que a escolha entre essas opções dependerá do contexto e das necessidades da aplicação. O importante é que o código seja organizado, fácil de entender e manter.

Espero ter ajudado e bons estudos!