Tenho um arquivo index.html
com várias tags <a>
o href
de todas elas apontam para o mesmo arquivo, detalhe.html
. Nesse arquivo detalhe.html
eu tenho tags de <image>
, <ul><li>
, <iframe>
, <h3>
, etc.
A questão é que o conteúdo dessas tags devem ser dinâmicos, ou seja, dependendo de qual tag <a>
do arquivo index.html
foi clicado, o conteúdo de detalhe.html
deve ser diferente. Imaginem uma lista de filmes, clicando em cada filme abre o arquivo detalhe.html
que contem os detalhes daquele filme (Gênero, Duração, Diretor, Trailer, etc.).
Eu sei que para modificar um elemento o caminho é getElementById
mas como fazer isso com base na tag <a>
que chamou o arquivo HTML?
detalhe.html#genero
. Assim, na página de detalhe, basta verificar o valor dewindow.location.hash
e mostrar o respectivo conteúdo.