School-DUT-info/M413-Programmation-Web-Client-Riche
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fin invertText()

Browse Source
This commit is contained in:
JunkJumper 2020-01-24 16:12:39 +01:00
parent fde850e6e6
commit 115c54b5f0
2 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
TD1/README.MD
View File

@ -1,6 +1,8 @@
# Exercice 1 # Exercice 1
## defTitre1() ## La propriété document.title
### defTitre1()
> Quel sera l’évènement qui déclenchera l’appelle de votre fonction ? > 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. 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 ? > 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``. 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 ? > 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. 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 ? > 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. 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. ``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

7
TD1/js/main.js
View File

@ -1,5 +1,7 @@
console.log("JavaScript is linked"); console.log("JavaScript is linked");
function init() { function init() {
sayHello(); sayHello();
//defTitre1(); //defTitre1();
@ -61,13 +63,8 @@ function invertText() {
var un = document.getElementById("1"); var un = document.getElementById("1");
var deux = document.getElementById("2"); var deux = document.getElementById("2");
console.log(buffer);
console.log(un);
console.log(deux);
buffer = un.innerText; buffer = un.innerText;
un.innerText = deux.innerText; un.innerText = deux.innerText;
deux.innerText = buffer; deux.innerText = buffer;
} }