Javascript-DOM: Modifier un document

Download

 
 
 
 
 
document.onclick=changeDoc;
 
function changeDoc(  ) {
 
   // Suppression des éléments
   var hdr = document.getElementById("myHeadee");
   var div = document.getElementById("div1");
   div.removeChild(hdr);
 
   // Remplacer l'image par texte
   var img = document.getElementById("img1");
   var p = document.getElementById("p2");
   var txt = document.createTextNode("Welcom");
   p.replaceChild(txt,img);
 
   // Ajout d'n nouveau élément
   var div2= document.createElement("div");
   div2.innerHTML="<h1>Fin de document</h1>";
   document.body.appendChild(div2);
}
 
 
 
 
 
<div id="div1">
<h1 id="myHeadee">Cliquez sur le document pour le modifier</h1>
<p id="p1">Pour mieux programmer en javascript il est indispensable de comprendre la notion "DOM".</p>
</div>
<p id="p2">Exemple de texte avec Image, l'image sera remplacée à l'aide d'un code Javascript. <img id="img1" src="logo.gif" alt="Texte alternatif" /></p>

A voir sur le mêm Sujet

Javascript-DOM: Lire et modifier les propriétés d’une image

{filelink=73} function updateImage( ) { var img = document.images[0]; // Obtenir les attributs de l’image var imgAttr = img.align + ” ” + img.alt + …
Javascript: Méthodes de création, modification, et affichage des dates

{filelink=50} // Créer un date var today = new Date( ); // Modification des dates today.setDate(31); // Modifier le jour today.setMonth(03); // Modifier le mois …
Javascript: Modifier le style d’un élément div

{filelink=855} function changeElement( ) { // Accéder à l’élément div du document var div = document.getElementById(“myDiv”); // Modifier les propriétés div.style.backgroundColor=”#f00″; div.style.width=”500px”; div.style.color=”#ffffff”; div.style.height=”250px”; div.style.paddingLeft=”50px”; …
Javascript-DOM: Inverser l’ordre des nœuds

{filelink=79} // Rever se the order of the children of Node n function reverse(n) { // Créer une copie du document temporairement var f = …
Java: Modifier les permissions d’un fichier

{filelink=7959} import java.io.File; import java.io.IOException; public class Rep_Att { public static void main(String[] argv) throws IOException { File fich = new File(“c:/test4.txt”); // Créer un …
Exemple JFrame: Modifier l’icône d’une fenêtre

{filelink=3457} import java.awt.*; import java.awt.event.*; import javax.swing.*; /*** * Ce programme modifie l’icône * par défaut d’un JFrame ***/ public class JFrameIcone extends JFrame { …
Java: Ajouter des enregistrements dans une Base de données avec PreparedStatement

{filelink=23} import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.util.Properties; public class ExemplePreparedStatement { public static void main(String[] argv) throws Exception { Properties prop = new …
Javascript-DOM: Remplacer un nœud

{filelink=78} /* Remplacer le nœud passé en paramètre par un nouveau nœud et utiliser le nœud original comme fils de nouveau nœud */ function nodeReplace(node) …
Comment modifier les attributs(couleur et police) d’une partie de texte à l’aide de ‘AttributedString’

{filelink=9436} import java.awt.*; import java.awt.font.TextAttribute; import java.text.*; import javax.swing.*; /* * Dessiner un texte et modifier * sa police et sa couleur */ public class …
Java: Modifier les attributs d’un fichier

{filelink=7961} import java.io.File; import java.io.IOException; public class Fichier_Att { public static void main(String[] args) throws IOException { File fich = new File(“c:/test4.txt”); // Créer un …
Dessiner des rectangles, des lignes et des Ovales

{filelink=9428} import java.awt.Color; import java.awt.Graphics; import javax.swing.*; public class GEOGraph extends JPanel { public void paintComponent( Graphics g ) { super.paintComponent( g ); this.setBackground( Color.WHITE …
Javascript: Fonction pour effacer les cookies

{filelink=66} /* Pour supprimer un cookie, éliminer sa valeur et modifier sa date à une date antérieure */ function effacerCookie (key) { var cookieDate = …
Javascript: Mise en forme des textes avec des fonctions de la classe String

{filelink=34} var texte = new String(“Apprendre javascript”); document.writeln(texte.big( )); document.writeln(texte.blink( )); document.writeln(texte.sup( )); document.writeln(texte.strike( )); document.writeln(texte.bold( )); document.writeln(texte.italics( )); document.writeln(texte.small( )); document.writeln(texte.link(‘http://www.mesexemples.com’));
Java: Créer un fichier PDF

{filelink=23} import java.io.FileOutputStream; import java.io.IOException; import com.itextpdf.text.Document; import com.itextpdf.text.DocumentException; import com.itextpdf.text.Paragraph; import com.itextpdf.text.Rectangle; import com.itextpdf.text.pdf.PdfWriter; public class ExemplePDF { public static void main(String[] args) throws …
Modifier les éléments de ‘LinkedList’ à l’aide de la méthode ‘set’.

{filelink=5185} import java.util.LinkedList; public class Ex_LinkedList { public static void main(String[] a) { LinkedList ma_Liste = new LinkedList(); // Ajout des éléments dans la liste …

Cet article Javascript-DOM: Modifier un document est apparu en premier sur .