From 115c54b5f00b914996726ef5bbbb2d6f9ba25405 Mon Sep 17 00:00:00 2001 From: JunkJumper Date: Fri, 24 Jan 2020 16:12:39 +0100 Subject: [PATCH] fin invertText() --- TD1/README.MD | 23 ++++++++++++++++++----- TD1/js/main.js | 33 +++++++++++++++------------------ 2 files changed, 33 insertions(+), 23 deletions(-) diff --git a/TD1/README.MD b/TD1/README.MD index ed4513e..9cbcc5c 100644 --- a/TD1/README.MD +++ b/TD1/README.MD @@ -1,6 +1,8 @@ # Exercice 1 -## defTitre1() +## La propriété document.title + +### defTitre1() > Quel sera l’évènement qui déclenchera l’appelle de votre fonction ? @@ -14,19 +16,19 @@ J'ai utilisé la méthode ``document.getElementById()`` pour récupérer le titr J'ai utilisé le ``innerText`` de l'objet. -## defTitre2() +### defTitre2() > Quelle(s) méthode(s) avez-vous utilisée pour récupérer l’objet représentant votre balise h2 ? J'ai utilisé ``document.getElementsByTagName`` que j'ai affecté à une variable nommée ``firstH2``. Puis je l'ai utilisée avec son attribut ``innerText``. -## defTitre3() +### defTitre3() > Comment faire pour connaitre le nombre de balise h2 du document ? On utilise la propriété ``.lenght`` pour connaitre le nombre de balises h2 du document. -## defTitre4() +### defTitre4() > Quelle méthode avez-vous utilisée pour récupérer l’objet de votre classe ? @@ -40,10 +42,21 @@ La page ne s'affiche pas Avec un modulo 2. -## invertText() +## Les propriétés innerHTML, innerText, outerHTML, outerText et textContent + +### invertText() + +> Quelles différences existe-t-il entre les 5 propriétés de cette section ? ``InnerHTML`` conserve les balises "pures" du HTML alors que ``InnerText`` ne garde que le texte. +> Y a-t-il une différence avec Internet Explore, FireFox et d’autres navigateurs à votre disposition concernant ces +propriétés ? + +Oui, chaque navigateur a sa propre méthode de rendu. + +## La propriété document.lastModified + diff --git a/TD1/js/main.js b/TD1/js/main.js index 81a6f7b..6ccee24 100644 --- a/TD1/js/main.js +++ b/TD1/js/main.js @@ -1,10 +1,12 @@ console.log("JavaScript is linked"); -function init(){ + + +function init() { sayHello(); //defTitre1(); - //defTitre2(); - //defTitre3(); + //defTitre2(); + //defTitre3(); defTitre4(); } @@ -14,15 +16,15 @@ function sayHello() { } function defTitre1() { - if(document.title = document.getElementById("titre").innerText) { + if (document.title = document.getElementById("titre").innerText) { console.log(" set : Ok Everypony !"); } } function defTitre2() { var firstH2 = document.getElementsByTagName("h2"); - if(firstH2 != null) { - document.title =firstH2[0].innerText; + if (firstH2 != null) { + document.title = firstH2[0].innerText; console.log("<title> set : Ok Everypony !"); } @@ -30,8 +32,8 @@ function defTitre2() { function defTitre3() { var lastH2 = document.getElementsByTagName("h2"); - if(lastH2 != null) { - document.title = lastH2[lastH2.length-1].innerText; + if (lastH2 != null) { + document.title = lastH2[lastH2.length - 1].innerText; console.log("<title> set : Ok Everypony !"); } else { @@ -42,12 +44,12 @@ function defTitre3() { function defTitre4() { var choosenH = document.getElementsByClassName("firstOrLast"); - if(choosenH != null) { - if(choosenH.length%2 == 0) { - document.title =choosenH[0].innerText; + if (choosenH != null) { + if (choosenH.length % 2 == 0) { + document.title = choosenH[0].innerText; console.log("<title> set first H : Ok Everypony !"); } else { - document.title =choosenH[choosenH.length-1].innerText; + document.title = choosenH[choosenH.length - 1].innerText; console.log("<title> set last H : Ok Everypony !"); } } else { @@ -61,13 +63,8 @@ function invertText() { var un = document.getElementById("1"); var deux = document.getElementById("2"); - console.log(buffer); - console.log(un); - console.log(deux); - buffer = un.innerText; un.innerText = deux.innerText; deux.innerText = buffer; -} - +} \ No newline at end of file