How to change the "code" content of a section with javascript [closed]

Question

How to change the "code" content of a section with javascript [closed]

Navigation

#1 by (1 votes)

-2

Hi, I need to change the content (code) of a section with javascript with the .click or onClick function but the content can not override that of the other section! Thanks

javascript html jquery

asked by anonymous 11.07.2016 / 15:10

1 answer

Error redirecting to another page while submitting How to do a redirect in the address bar with ex php: / open /? page =? [closed]

score 1 · Answer 1

If I understood correctly what I want, I think this is it:

var btn = document.getElementById('btn-sect1');
var sect1 = document.getElementById('sect1');
btn = btn.addEventListener('click', function() {
  sect1.innerHTML = '<h1>Agora já não é o original</h1><p>Está aqui outro codigo html</p>'
});

<section id="sect1">
  <h1>Aqui está o codigo original da sect1</h1>
</section>
<section id="sect2">
  <h1>Aqui está o codigo original da sect2</h1>
</section>
<button id="btn-sect1">Mudar HTML da sect1</button>