Definieren eines Stils über Skript

Question

Ich habe einen HTML-Code, wo ich den Stil mit einer dynamischen Variable definieren möchte. Grundsätzlich möchte ich die Farbe einer Schaltfläche basierend auf der URL ändern, aus der der Benutzer kam.

ändern die Farbe der ID = "WTV" mit jscript

Etwas wie folgt aus:

<script> 
document.getElementById("link1").style.color = "blue"; 
</script> 

link1 ist die ID des < ein> Tag

Der Stil Artikel ist als folgt:

.megamenu-nav li a link1{ 
    color:#EAAB00 
} 

Ich möchte die Farbe in einem Skript definieren mit einer dynamischen Variable.

Answer 1

Könnte ein bisschen aus sein, aber Sie könnten den Stil direkt mit js ändern. Beispiel unten verwendet eine Schaltfläche, aber Sie können es leicht implementieren, wenn die Seite geladen wird.

<script> 

document.getElementById('button').addEventListener('click', function() { 
    var url = document.referrer; // Grabs the previous URL 
    var hex = getHexCode(url); // Function where you decide what hex value you want to use. 
    document.getElementById('p2').style["background-color"] = hex; // change style of the element. 
}) 

function getHexCode(url) { 
var hex; 
if (url.length > 30) { 
    hex = '#3333ff'; 
} else { 
    hex = '#ff0000'; 
} 
return hex; 
} 

</script> 

Hier in JSFiddle implementiert ist, https://jsfiddle.net/7x7u79tr/1/

Answer 2

Hier wird der JQuery-Code die button Farbe zu ändern:

$(document).ready(function() { 
 
    var buttonColor = '#EAAB00'; 
 
    $("#link1").css({ 
 
    'color': buttonColor 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id='link1'>Some link</button>