Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
  Derniers articles
  • Comment changer Javascript mot de pa…
  • Comment rediriger vers une autre pag…
  • Comment faire un Div Pop -up 
  • Comment ajouter flotteur avec JavaSc…
  • Comment faire un Widget 
  • Comment retourner Fonctions outre, p…
  • Explication de l'arrondissement et d…
  • Comment faire pour intégrer un lien…
  • Comment faire pour convertir un INT …
  • Comment mettre en œuvre un destruct…
  •   Programmation JavaScript
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Programmation JavaScript

    Comment insérer des éléments Avec DIV en JavaScript

    JavaScript offre aux programmeurs les outils nécessaires pour modifier le cadre invisible d'une page Web connu sous le Document Object Model (DOM) . Le DOM est l'interface de programmation d'application de HyperText Markup Language (HTML). La méthode getElementById () JavaScript peut accéder à la page division tag " div " pour ajouter ou modifier les informations de style HTML comme arrière-plans , les polices , les bordures , la largeur et le positionnement . En outre, la propriété innerHTML peut changer le contenu entre les
    < /div > tags. Les balises HTML doivent être étiquetés avec une pièce d'identité avant le getElementById () peut trouver et d'y accéder . Choses que vous devez
    Plain- éditeur de texte
    Afficher plus Instructions
    1

    Lancez l'application éditeur de texte standard qui est disponible sur votre ordinateur.

    2

    Entrez le code suivant dans l'éditeur de texte :



    < style type = " text /css ">

    # intérieure language = "javascript " >
    fonction

    changeDiv () {

    document.getElementById ( "intérieur" ) style.width = " 500px " ; .

    document.getElementById ( «intérieure» ) style.height = " 220px " ; .

    document.getElementById ( "intérieur" ) style.fontSize = " 62px " ; .

    document.getElementById (" intérieure " . ) style.textAlign = "center" ;

    document.getElementById (" intérieure ") = style.backgroundColor "# FFB3B3 " ; .

    document.getElementById (" intérieure " ) de style . . border = " 4px pointillés rouges " ; .

    document.getElementById ( "intérieur" ) style.color = " noir " ; .

    document.getElementById ( "intérieur" ) innerHTML = " JavaScript permet d'insérer un style et des éléments de contenu dans un Div " ;

    document.getElementById (" monBouton " ) . value =" et cela fonctionne »;

    }

    < ;/script> Photos

    Photos


    voici la div rouge
    ;


    < p> < /body> Photos


    3

    Cliquez sur le menu Fichier . Sélectionnez l'option "Enregistrer" . Enregistrer sous le nom de fichier " test.html ".
    4

    Lancez le navigateur web qui est disponible sur votre ordinateur. Cliquez sur le menu " Fichier" et sélectionner "Ouvrir un fichier ".
    5

    Localisez le fichier " test.html " vous venez de créer , sélectionnez avec la souris puis cliquez sur «Ouvrir».
    6

    Cliquez sur le bouton « Cliquez sur ce bouton pour insérer de nouvelles informations dans la Div rouge au-dessus . "

     
    Article précédent:
    Article suivant:
    Articles recommandés
  • Comment écrire les cookies de PageContext JSP 
  • Comment faire un rebond de lien avec jQuery 
  • Imprimer Tutoriel JavaScript 
  • Java Script Vérification du formulaire de saisie de texte pour les caractères spéciaux 
  • Comment inclure JS externe en JavaScript 
  • Comment faire un fichier JS 
  • Comment changer la couleur de fond d'une ligne dans JavaScript 
  • JavaScript pour les calculs de temps 
  • Comment faire pour masquer tous les DIV Open in JavaScript 
  • Comment faire pour modifier une CSS background image avec JavaScript 
  • Connaissances Informatiques © http://www.ordinateur.cc