Skip to main content
removeu 4 caracteres do conteúdo
Fonte Link
Randrade
  • 21,9mil
  • 5
  • 53
  • 133

Tenho uma div onde são adicionados múltiplos fieldsets e logo abaixo um hr:

inserir a descrição da imagem aqui

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;

Tenho uma div onde são adicionados múltiplos fieldsets e logo abaixo um hr:

inserir a descrição da imagem aqui

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;

Tenho uma div onde são adicionados múltiplos fieldsets e logo abaixo um hr:

inserir a descrição da imagem aqui

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;
Fonte Link
CleberTXR
  • 323
  • 1
  • 10

Como pegar o HTML inteiro do último Fieldset em uma página dinâmica?

Tenho uma div onde são adicionados múltiplos fieldsets e logo abaixo um hr:

inserir a descrição da imagem aqui

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;