| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    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 . "

    Previous :

    next :
      articles connexes
    ·JavaScript Fonctions à accepter des paramètres nommé…
    ·Comment limiter une longueur variable en Javascript 
    ·Java Script Vérification du formulaire de saisie de te…
    ·Comment utiliser un Resig MicroTemplate 
    ·Comment faire pour activer JavaScript pour une UTStarco…
    ·Comment faire pour modifier une URL dans une page avec …
    ·Comment calculer en Java Script 
    ·Comment imprimer avec JavaScript 
    ·Comment utiliser div avec JavaScript 
    ·Comment faire de l'encre recyclée 
      articles en vedette
    ·Comment faire Cin.Fail 
    ·Comment faire pour alphabétiser un tableau en C + + 
    ·Comment créer un tableau de numéros séquentiels dans…
    ·Comment supprimer un fichier sur SVN Eclipse 
    ·Comment utiliser Xcopy pour cloner un disque 
    ·Comment envoyer des SMS via PHP 
    ·Common Language Runtime débogage services Erreurs 
    ·Fonctions statiques en Python 
    ·Comment imprimer des lignes multiples dans Visual Basic…
    ·Comment exécuter des commandes DOS en VB.Net 
    Copyright © Connaissances Informatiques http://fr.wingwit.com