Discussions

Probleme lier aux soulignement <a>

Image

Bonjour,

Louis Nicololas lors de l'insertion des balises et text avec .innertHTML en utilisant ...style.textDecoration = 'none'

cela ne fonctionne pas. surement que je mis prend mal 

je vous joins le code de la réalisation de l'exercice

Merci par avance et vous souhaitant une bonne journée.

// Mini projet réaliser avec JS

// Suppression de la div #a-supprimer
document.getElementById('a-supprimer').remove();


// Création du header
let header = document.createElement('header');

// Création sous header nav
let nav = document.createElement('nav')

// Création paragraphe
let paragraphe = document.createElement('p');


// Personnalisation du header
header.textContent = "Bienvenue"
header.style.backgroundColor = '#e3b04b';
header.style.color = 'white';
header.style.padding = '100px';
header.style.fontSize = '5em';
header.style.textAlign = 'center'

// Personnalisation de la nav
nav.innerHTML = "<a href='#'> Accueil</a> / <a href='#'>Une autre page</a>"
nav.style.textDecoration = 'none';// Problème n’enlève pas le trait
nav.style.backgroundColor = '#f1d6ab';
nav.style.color = 'royalblue';
nav.style.padding = '50px';
nav.style.margin = '0px';
nav.style.fontSize = '2em';
// console.log(nav);

// Personnalisation du paragraphe
paragraphe.textContent = 'Ceci est un paragraphe créé avec JavaScript';
paragraphe.style.fontSize = '2em';
paragraphe.style.marginLeft = '50px'

// Rattachement des éléments balises
document.body.append(header, nav);
document.body.append(paragraphe);





3 réponses
Image
Louis-Nicolas Leuillet
Le 03/11/2022 à 14:03

Bonjour Didier.

Je ne vois aucun problème avec votre code : en l'utilisant, je ne vois bien aucun trait.

Peut-être avez-vous résolu votre problème ?+

Image
Aurélien Gallea
Le 06/11/2022 à 16:37 (modifié le 06/11/2022 à 16:38)

effectivement j'ai le même soucis^^
avec codepen : aucun soucis, le trait disparaît.
avec vscode + live server : le trait ne disparaît pas.

j'ai donc résolu le problème sur vscode en faisant comme ça: 

sousHeader.innerHTML = '<a href="#" style="text-decoration : none" >Accueil</a> / <a href="#" style="text-decoration:none">Une autre page</a>';

Image
Le 07/11/2022 à 18:16

Merci impeccable sa marche oui le style doit effectivement être défini dans le innerHTML.

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

Informations

Créée le 2 novembre 2022 15:03
Dernière activité le 2 novembre 2022 15:03