Você pode pegar o nome do produto de duas formas: pelo querySelector
, ou pelo próprio getElementsByClassName
(o qual você já tentou usar).
Pegando pelo querySelector
Você pode usar uma query para pegar o <h1>
que está dentro de um elemento qualquer que possuir a classe nomeDescricaoProduto
:
document.title = document.querySelector('.nomeDescricaoProduto h1').innerText;
No entanto, o querySelector
do JavaScript só retorna o primeiro elemento que ele acha, ou seja, ele não retorna uma lista, e por isso, não seria o adequado para caso tivesse mais descrições para serem capturadas.
Por isso, se desejar, você pode usar o getElementsByClassName
.
Pegando pelo getElementsByClassName
Você também pode fazer da forma que você já colocou (como resposta). No seu caso estava retornando undefined
, pois, você estava tentando pegar a propriedade (inexistente) innerText
de uma NodeList, ou seja, uma lista de nodes. Portanto, se essa div é a única com essa classe, você pode fazer dessa forma:
document.title = document.getElementsByClassName('nomeDescricaoProduto')[0].innerText;
Em ambos os casos, se você quiser, você pode executar o método trim
para remover todos os espaços em branco (talvez, desnecessários) da frente e de trás da string:
document.title = document.querySelector('.nomeDescricaoProduto h1').innerText.trim();
Ou
document.title = document.getElementsByClassName('nomeDescricaoProduto')[0].innerText.trim();
Espero ter ajudado!