0

O javascript deve ser com evento onmouseover

function mostrarID() {
.........................
.........................
}
document.onmouseover = mostrarID;

Exemplo HTML

O ID é:"<span id="span" style="font-weight:bold"></span>"<br>
<p id="p1">Paragrafo</p>
<div id="Div1">
<p id="p2">Paragrafo2</p>
<hr id="hr1">
<a href="#" id="Home">Home</a>
</div>
<p id="p3">Paragrafo3</p>
<a href="#" id="nav-questions">Perguntas</a>
<p id="p4">Paragrafo4</p>
<a href="#" id="Tags">Tags</a>

<div id="Div2">
<form id="Form">
<input id="Input" type="text"/>
</form>
</div>

1 Resposta 1

0

Basta buscar o atributo id do elemento em questão com event.target.getAttribute e definir o valor no span desejado.

const span = document.getElementById("span");

document.onmouseover = function (event) {
  span.innerHTML = event.target.getAttribute("id");
}
O ID é:"<span id="span" style="font-weight:bold"></span>"<br>
<p id="p1">Paragrafo</p>
<div id="Div1">
  <p id="p2">Paragrafo2</p>
  <hr id="hr1">
  <a href="#" id="Home">Home</a>
</div>
<p id="p3">Paragrafo3</p>
<a href="#" id="nav-questions">Perguntas</a>
<p id="p4">Paragrafo4</p>
<a href="#" id="Tags">Tags</a>

<div id="Div2">
  <form id="Form">
    <input id="Input" type="text" />
  </form>
</div>

4
  • Porque só funciona se colocar o script abaixo do html? Eu nunca entendi isso.
    – user60252
    10/05/2017 às 22:12
  • Ordem de execução no navegador. Se colocar antes, o elemento #span não existirá no DOM quando getElementById("span") for executado, mantendo como null a variável span. Confirme isso acessando o console do navegador, provavelmente apareceu o erro Cannot set property 'innerHTML' of null .
    – Woss
    10/05/2017 às 22:17
  • Valeu Anderson Carlos Woss
    – user60252
    10/05/2017 às 22:20
  • Perfeito, testei nos cinco navegadores! Eu estava usando var elem = document.elementFromPoint(event.clientX, event.clientY) document.all.span.innerText = elem.id porém no firefox não funciona.
    – user60252
    10/05/2017 às 22:30

Você deve fazer log-in para responder a esta pergunta.