function myFunction2() {
for (let i=1; i < 3; i ){
if (i<2){
var numhex = (Math.random() * 0xfffff * 1000000).toString(16);
var hex1 = '#' numhex.slice(0, 6);
// return hex1;
// console.log(hex1);
}
else {
var numhex = (Math.random() * 0xfffff * 1000000).toString(16);
var hex2 = '#' numhex.slice(0, 6);
// return hex2;
// console.log(hex2);
}
}
// document.getElementById("container").style.backgroundImage = "linear-gradient(to right, " {hex1} ", " {hex2} ")";
document.getElementById("container").setProperty("background-image", "linear-gradient(to right, " {hex1} ", " {hex2});
document.getElementById("description").innerHTML = "The code of the color is: linear-gradient( 270deg, " hex1 ", " hex2 " );";
};
您好，我正在嘗試將線性漸變的兩種顏色設定為特定元素的背景影像屬性中的引數，但我的 setProperty 似乎有問題。除了這行代碼外，一切正常。 我也用 style.backgroundImage 嘗試過，但沒有結果。 我是 js 的新手。 提前致謝
uj5u.com熱心網友回復：
使用下面的代碼。有效
document.getElementById('container').style.background = `linear-gradient(to right, ${hex1} , ${hex2} )`;
uj5u.com熱心網友回復：
首先，這里有一個提示：永遠不要使用“var”，而要使用“let”。setProperty()JS 中沒有函式，你需要使用element.style["style you want to change"] = "what you want to change it to". 而且，您不應該將變數包裝在 '{}'s 中，否則它們將變成非變數，因此代碼應該是：
function myFunction2() {
for (let i=1; i < 3; i ){
if (i<2){
var numhex = (Math.random() * 0xfffff * 1000000).toString(16);
var hex1 = '#' numhex.slice(0, 6);
// return hex1;
// console.log(hex1);
}
else {
var numhex = (Math.random() * 0xfffff * 1000000).toString(16);
var hex2 = '#' numhex.slice(0, 6);
// return hex2;
// console.log(hex2);
}
}
document.getElementById("container").style["background-image"] = "linear-gradient(to right, " hex1 ", " hex2 ")";
document.getElementById("description").innerHTML = "The code of the color is: linear-gradient( 270deg, " hex1 ", " hex2 " );";
};
此外，如果您使用的是 div，則還必須定義高度。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346564.html
標籤：javascript css 背景图片 getelementbyid 线性梯度
上一篇：下拉選擇材質ui的位置
下一篇：如何在媒體查詢中使用邏輯運算式？