? As coordenadas de tela de um elemento são especificadas em sua declaração de estilo e armazenados pelo navegador dentro do modelo de objeto de documento (DOM ) da página HTML exibida. Cada elemento no DOM é dada uma cadeia de identidade ( ID ) . Um código JavaScript pode acessar um determinado elemento com essa seqüência de identidade como uma referência e pode obter os valores específicos para as coordenadas 'top' dos elementos dentro da janela do navegador 'esquerda' e . Coisas que você precisa
editor de texto
browser
Show Mais instruções
1
Abra um novo arquivo no editor de texto e salve-o como " coordinates.HTML . " Escrever ou copiar este código declaração documento HTML para o arquivo :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< br > Página 2
Escreva ou copie este HTML
código no arquivo : .
Elemento Coordenadas
< tipo style = "text /css" >
# caixa
{
position: absolute ;
z -index: 1;
visibilidade : visível;
width: 10.0em ;
height: 5.0em ;
top : 1.0em ;
esquerda : 1.0em ;
fronteira : 2px solid # ccc ;
-moz- border-radius : 0.5em ; - raio
- webkit-border , Foto: 0.5em ;
text-align : center;
padding: 1.0em ; }
p {
font-size: 1.2em ;
font-weight: 900 ;
color: # 000000 ; }
< /head>
3
Escreva ou copie este HTML
código no arquivo :
< br >
Toque-me !
< /div >
;
4
Salve o arquivo e abri-lo no navegador da web. Toque no elemento e ele vai passar para uma nova posição dentro da janela do navegador e exibir a 'esquerda' e 'top' valores de coordenadas.