A div é um objeto dentro do modelo de objeto de documento ( DOM) da página exibida na janela do navegador . Ele tem um identificador (id) string única . É um recipiente bloco para outros objetos e pode ser escondida ou visível. Ele também pode ser movido para a posição seleccionada dentro da área de exibição do navegador . O objeto div tem um conjunto de seletores associados com sua seqüência de ID e as propriedades desses seletores podem ser modificados usando o código java- script. Coisas que você precisa 
 editor de texto. 
 Browser . 
 Mostrar Mais instruções 
 1 
 Abra um novo documento no editor de texto . Salve o arquivo como 
 2 
 código de cabeçalho Write documento 
 
 < DOCTYPE html PUBLIC " " use_id.html . " - . ! //W3C //DTD XHTML 1.0 Strict //PT "
 
 " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > 
 
 < html xmlns = " http://www .w3.org/1999/xhtml " > 
 
 
   
 Use div com JavaScript    < conteúdo meta = "text /html; charset = UTF-8 " 
 
 < estilo de código estilo http -equiv = " Content-Type " /> 
 3 
 Write documento. type = "text /css" > 
 
 # myDiv 
 
 { 
 
 position: absolute ; 
 
 z -index: 0; 
 
 visibilidade : visível; 
 
 top : 10EM ; 
 
 esquerda : 10EM ; largura 
 
 : 10EM ; 
 altura 
 : 5em ; 
 
 border : 2px solid # ccc ; 
 
 -moz- border-radius : 0.5em ; 
 
 -webkit- border-radius : 0.5em ; 
 
 text-align : center; 
 
 } 
 
 # msg 
 
 { 
 
 color: white ; 
 fundo 
 : verde 
 
 } 
 
  
 4 
 documento Escrever código JavaScript . 
 
  
 
 < /head> 
 5 
 Write documento de código corpo 
 
 
   
   
 
 
 Touch Me ! 
 
 
   < /div > 
 
  
 
  
 6 
 Abra este arquivo no browser . Mova o ponteiro do mouse sobre a área de div , e ele vai passar para uma nova posição dentro da área de exibição do navegador e exibir uma mensagem nova. ,