Bonjour à tous,

je voudrais mettre les titres de la liste en gras uniquement avec JavaScript. Ça fait une heure que je cherche et je ne trouve pas comment faire  Je cherche aussi à mettre les URL juste à côté du titre (et pas en dessous). Je créé les url en tant que "dt" mais elles sont toujours en dessous.

Voici mon code JS:

var listeLiens = [
    {
        titre: "So Foot",
        url: "http://sofoot.com",
        auteur: "yann.usaille"
    },
    {
        titre: "Guide d'autodéfense numérique",
        url: "http://guide.boum.org",
        auteur: "paulochon"
    },
    {
        titre: "L'encyclopédie en ligne Wikipedia",
        url: "http://Wikipedia.org",
        auteur: "annie.zette"
    }
];

// TODO : compléter ce fichier pour ajouter les liens à la page web

var dlElt = document.createElement("dl") // Création d'une liste

listeLiens.forEach(function(lien){
            var dtElt = document.createElement("dt");
    
            var titreElt = document.createElement("a");
            titreElt.href = lien.url;
            titreElt.textContent = lien.titre;
    
            var strongElt = document.createElement("strong");
            strongElt = titreElt;
    
            var urlElt = document.createElement("dt");
            urlElt.textContent = lien.url;

            var auteurElt = document.createElement("dt");
            auteurElt.textContent = "Ajouté par " + lien.auteur;
    
            var brElt = document.createElement("br");
            
            
            dtElt.appendChild(strongElt);
            dlElt.appendChild(dtElt);
            dlElt.appendChild(urlElt);
            dlElt.appendChild(auteurElt);
            dlElt.appendChild(brElt);
    
});

    document.getElementById("contenu").appendChild(dlElt);
    

Merci pour votre aide !

Bonjour,

strongElt.style.fontWeight = 'bold';

Tu noteras que le nom des propriété CSS composées (avec des tirets sont transformées en camelCase pour être utilisable avec javascript.

Pour mettre à coté et non en dessous du va devoir utiliser le float : left (ou flex) et là c'est plus du CSS que du javascript

-
Edité par Krogoth 20 février 2017 à 14:27:22

Un grand merci à toi Krogoth ! J'ai réussi

Par contre je vais encore chercher pour mettre l'url à côté