Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Como chamar um Html de dentro do JavaScript?

Referente ao curso JavaScript: programando na linguagem da web

por Flávia Lares dos Santos
| 528.2k xp | 149 posts
Analista de Projetos

Olá pessoal.

Sou iniciante e o Alura está me ajudando muito no desenvolvimento de meu projeto.

Tenho que chamar minha página HTML de dentro de um javascript. Tentei assim:

Fiz o HTML:

!DOCTYPE html>

1) ATENÇÃO: Testando:

Teste fhfhfdhfhfhdfhdfh 

 <p class="txtPadraoAP">
        Teste do padrão

   </p>
   </div>

     <script src="Scripts/NovidadesTeste.js" ></script>//Arquivo javaScript

No final do arquivo faço referência ao meu arquivo de javascript.

Arquivo NovidadesTeste.js:

function buscarNovidades() { document.getElementByID('dvTeste').innerHTML; } Não sei se o procedimento está correto ou está faltando alguma coisa. Tenho que chamar este procedimento na página principal do projeto , neste caso como faço , chamo o HTML ou o Javascript? Página principal: <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

       <script type="text/javascript" src="Scripts/NovidadesRelat.js" ></script>

Neste caso estou chamando o javascript.

Obrigada. Flavia

4 respostas
por Vinícius Nascimento
| 71.7k xp | 3 posts
Analista de Tecnologia

Oi Flávia, tudo certo? Acho que você está confundindo em algum ponto. Para acessar sua página HTML é só usar o document, você pode buscar um elemento ou mais pelo document.querySelector() ou o document.querySelectorAll() para pegar mais de um elemento. E tem o document.getElementById() pra você acessar um elemento específico. Agora caso você queira mudar o conteúdo do seu HTML aí é só você usar o document.getElementByID('dvTeste').innerHTML atribuindo algum valor a ele, exemplo:

document.getElementByID('dvTeste').innerHTML = 'Conteúdo que você deseja mudar no seu HTML'

Te ajudei de alguma forma? Também sou novo nesse negócio kkk

por Leandro Marcondes de Abreu
| 12.3k xp | 5 posts
Software Developer

so para complementar o que o Vinicius falou, no exemplo que voce mostrou voce esta tentando pegar um objeto com o ID = 'dvTeste' mas nao tem uma div com esse ID.

Outro detalhe importante, o correto eh document.getElementById com o ultimo d minusculo

Vou deixar um codigo de exemplo:

<div id='dvTeste'> Texto Antigo </div>

<button onclick='buscarNovidades();' >
    click aqui para alterar
</button>

<script>
function buscarNovidades() { 
    document.getElementById('dvTeste').innerHTML = ' Meu Texto Novo'; 
} 
</script>
por Flávia Lares dos Santos
| 528.2k xp | 149 posts
Analista de Projetos

Oi pessoal . Com relação ao nome da div coloquei direitinho , só não coloquei o código completo. Agradeço a ajuda de todos, mas acho que não fui clara com o que quero fazer.

Preciso fazer o seguinte:

1) Fazer um arquivo HTML (conteudo.html)com o texto a ser exibido na tela, este html possui apenas um texto que deve ser exibida na página principal do projeto; 2) Chamar o arquivo criado (conteudo.html)pelo JavaScript 3) Na página principal do projeto referenciar este javascript para exibir o conteúdo. Ficou mais claro?

Muito Obrigada. Flávia

solução!
por Flávia Lares dos Santos
| 528.2k xp | 149 posts
Analista de Projetos

Resolvi fazer de uma outra forma: Vou fazer uma função em C# para ler meu arquivo HTML e vou carregá-lo no load da página.

Fiz assim:

private string LeArquivo() { var enderecoDoArquivo = “C:/temp/teste.html”;

    string arquivoHtml = File.ReadAllText(enderecoDoArquivo);

    return arquivoHtml;
}

Chamei no load da página e funcionou perfeitamente. A única coisa que achei ruim é que tenho que especificar o local do arquivo, não consegui fazer de outra maneira. Estou pesquisando, se alguém tiver alguma sugestão.

Muito Obrigada. Flávia