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
## 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

31
TD1/js/main.js
View File

@ -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("<title> 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;
}