Code: Select all
[url=index.html]Sarra.[/url]
Code: Select all
.mil-frame-top .mil-logo {
pointer-events: all;
color: rgb(0, 0, 0);
}
.mil-logo-dot .mil-logo-suffix {
pointer-events: all;
color: rgb(255, 152, 0);
font-weight: 200;
font-size: 18px;
}
Das Suffix in einer Unterseite heißt „Design“, also das Logo sollte wie folgt lauten:
Code: Select all
[url=index.html]Sarra.Design[/url]
Dazu habe ich den folgenden JS-Code geschrieben:< /p>
Code: Select all
document.addEventListener("DOMContentLoaded", function () {
const text = "Design";
const logoElement = document.querySelector('.mil-logo-suffix');
const metaPage = document.querySelector('meta[name="page"]');
if (logoElement & (metaPage && metaPage.getAttribute("content") !== "home")) {
logoElement.textContent.replace("Massa.", "Massa." + text);
}
});
Code: Select all
- Wenn ich zwischen den Seiten navigiere, Ich erhalte das gleiche Logo: „Sarra.“. Daher möchte ich das Logo basierend auf dem Seitentitel anhängen, auf dem der Benutzer gerade surft. Aber es funktioniert nicht.
- Ich habe die Farbe des Punktes und das Suffix in der CSS-Klasse geändert, aber es trifft nicht zu ( sie werden nicht in Orange angezeigt).
Vielen Dank