通過腳本定義樣式

-1

我有一個HTML代碼，我想用動態變量定義樣式。基本上我想根據用戶的URL來改變按鈕的顏色。通過腳本定義樣式

改變使用的JScript

像這樣的ID = 「WTV」的顏色：

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

LINK1是<一個的ID>標籤

的風格項目是作爲如下：

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

我想定義腳本中的顏色與一個動態變量。

來源

2017-07-19 ThaNerd

你是不是想通過這樣做CSS或Javascript？ – Fashim

你已經試過了什麼？ –

我試過了： – ThaNerd

可能有點不合適，但您可以直接使用js更改樣式。以下示例使用按鈕，但在頁面加載時可以輕鬆實現。

<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>

這是的jsfiddle實施， https://jsfiddle.net/7x7u79tr/1/

來源

2017-07-19 01:59:34 Fashim

這裏是jQuery代碼來改變button顏色：

$(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>

來源

2017-07-19 07:31:32

通過腳本定義樣式

回答

相關問題