Módulo Web: Javascript no Browser

19 Maio 2021, 17:00 • Pedro Ângelo

  • ferramentas de desenvolvimento web

    • browser web

    • in-browser dev tools

    • editor de texto

    • referências

  • execução de javascript no browser

    • tag <script>

    • código inline

  • o Document Object Model (DOM)

    • características principais

      • estrutura em árvore

      • elementos: posição, atributos, estilo e relação hierárquica

    • API

      • objectos globais: window e document

      • criar novos elementos: document.createElement

      • encontrar elementos

        • getElementById()

        • querySelector() / querySelectorAll()

      • modificar elementos

        • className, classList

        • style, getAttribute, Set Attribute

        • innerText, innerHTML

        • children, appendChild

      • eventos

        • on...()

        • addEventListener()

  • leitura recomendada