Discussions

Probleme sur le ratachement du h1 (message)

Image

Bonjour,

Louis Nicolas lors de l'écritue du Append à la console il me renvoie l'alert suivante

qu'es que cela veux bien dire ?     

 

Violation] Avoid using document.write().

https://developers.google.com/web/updates/2016/08/removing-document-write

 

Bonne journée

// Méthode pour acceder aux éléments du DOM (par balise)

let header = document.getElementsByTagName('header');
console.log(header);

// LOGO (Recuperation par id='logo')
let logo = document.getElementById('logo');
console.log(logo);

// Class container (récup par class)
let container = document.getElementsByClassName('container');
console.log(container);

// Recuperation du super identification de
// querySelector('') & querySelectorAll(')
// let h1 = document.querySelector('h1');
// Attention l'utilisation du document.getElementsByTagName('h1')
// va désactiver la propriété .innerHTML ET DONC + d'effet des balises créer.
// Sauf ci vous mettez l'index de cette manière h1[0].textContent = 'Hello' ou ('h1')[0]
let h1 = document.getElementsByTagName('h1')[0];

h1.textContent = "Hello World !";
h1.innerHTML = "<div style='color: royalblue'> Hello World </div> "
console.log('Ceci est le Titre', h1);

// Récupération de tout grace à querySelectorAll() dont
// les #id .class & p etc...
let p = document.querySelectorAll('p');
console.log(p);

//---------------------------------------------------------------------//
// Ajouter des éléments au DOM (append, prepend, insertBefore)

// 1ere Méthode : Écrit juste un texte
document.write('test');

// 2eme Méthode : Ajouter un élément brut
document.body.append(' test2');

h1.append('test')// Va raccrocher le text 'test' à balise <h1> // Erreur dans la console Void violation
1 réponse
Image
Louis-Nicolas Leuillet
Le 03/11/2022 à 12:59

Bonjour Didier,

Ne t'en fais pas c'est juste un message d'attention. Ce message veut dire qu'il faut éviter d'utiliser document.write, heureusement nous ne l'utilisons que pour nous entrainer.

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le November 1, 2022 12:09 PM
Dernière activité le November 1, 2022 12:09 PM