Você está aqui: DHTML (Dynamic HTML) ::: Dicas & Truques ::: Conteúdo Dinâmico

Como listar todas as propriedades e eventos disponíveis para um elemento HTML

Quantidade de visualizações: 8090 vezes
<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>

<div id="cont" style="border: 1px solid red">Sou 
um elemento DIV</div>

<script type="text/javascript">
<!--
  /*
    Atenção: O IE listará todas as 
    propriedades do elemento, enquanto o Firefox listará 
    apenas as propriedades que receberam valores, no caso do 
    elemento de teste, as propriedades id e style
  */
  
  function listarAtributos(){
    var elem = document.getElementById("cont");
    var atributos = "";
	
    for(var i = 0; i < elem.attributes.length; i++){
      atributos += elem.attributes[i].nodeName + "<br>";
    }
	
    elem.innerHTML = atributos;
  }
//-->
</script>

<button onclick="javascript:listarAtributos()">Listar
 atributos da DIV</button>

</body>
</html>


Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de DHTML (Dynamic HTML)

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2024 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 23 usuários muito felizes estudando em nosso site.