traversing e manipulação

const menu = document.querySelector('.menu')
menu.outerHTML; //todo html do elemento
menu.innerHTML; //html interno
menu.innerText //texto, sem tags
//console.log(menu.outerHTML)
//console.log(menu.innerHTML);
//console.log(menu.innerText)

const h1 = document.querySelector('h1');
h1.innerHTML = 'Novo titulo'
//console.log(h1.innerText)

const lista = document.querySelector('.animais-lista')
lista.parentElement; //pai
lista.parentElement.parentElement; // pai do pai
lista.previousElementSibling; // elemento acima
lista.nextElementSibling // elemento abaixo

lista.children; // HTMLCollection com os  filhos
lista.children[0]; // primeiro filho
lista.children[--lista.children.length]; // ultimo filho

lista.querySelectorAll('li'); //todas Li's
lista.querySelector('li:last-child'); // ultimo filho

console.log(lista.children[1])




//const animais = document.querySelector('.animais');
const contato = document.querySelector('.contato');
const titulo = contato.querySelector('.titulo')
const mapa = document.querySelector('.mapa')
//contato.insertBefore(animais, titulo)
//contato.replaceChild(animais, titulo)


//const novoh1 = document.createElement('h1');
//novoh1.innerText = 'Titulo';
//novoh1.classList.add('titulo')
//mapa.appendChild(novoh1)
const faq = document.querySelector('.faq')
const novoh1 = document.querySelector('h1');
const cloneh1 = novoh1.cloneNode(true);
//faq.appendChild(cloneh1);
const menu = document.querySelector('.menu');
const clonenemu = menu.cloneNode(true);
const copy = document.querySelector('.copy');
copy.appendChild(clonenemu);

 const dt = faq.querySelector('dt');
 const primeirodd = dt.nextElementSibling;
 console.log(primeirodd)
 const animais = document.querySelector('.animais')
faq.innerHTML = animais.innerHTML