Tenho uma div onde são adicionados múltiplos fieldsets e logo abaixo um hr:
O conteúdo da div é dinâmico podendo ter 3 ou mais fieldsets. No meu código só consegui pegar o conteúdo que está dentro do primeiro. Como posso pegar todo o fieldset?
Aqui está o código da minha página:
<html>
<head><title></title></head>
<body>
<h3>Multiplos Fieldsets</h3>
<br>
<div id="BlocosDinamicos">
<fieldset><legend></legend>
<p>Conteudo 1</p>
</fieldset>
<fieldset><legend></legend>
<p>Conteudo 2</p>
</fieldset>
<fieldset><legend></legend>
<p>Conteudo 3</p>
</fieldset>
</div>
<hr />
<div id="CopiaUltimoConteudo"></div>
</body>
</html>
E aqui o script:
document.getElementById("CopiaUltimoConteudo").innerHTML = document.getElementById("BlocosDinamicos").querySelector("fieldset").innerHTML;
document.getElementById("CopiaUltimoConteudo").innerHTML =
document.getElementById("BlocosDinamicos").querySelector("fieldset").innerHTML;