提取字段的值，並將其應用爲CSS顏色值

Question

我跑的Drupal 8和I具有與以下字段中的內容類型

• 圖片
• 背景顏色方案
• 標題

我有4個網格查看

現在我想要做的是從背景顏色方案領域和應用它作爲背景顏色...

<div class=grid1> </div> 
<div class=grid2> </div> 
<div class=grid3> </div> 
<div class=grid4> </div> 

是有辦法做到這一點使用JavaScript ....每個格都會有差異的背景顏色。

Answer 1

讓我們考慮背景顏色方案的輸入字段。您可以使用javascript value方法檢索輸入字段的值。

<div class="grid"> </div> 
<div class="grid"> </div> 
<div class="grid"> </div> 
<div class="grid"> </div> 

<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 

<script type="text/javascript"> 
    var grids = document.getElementsByClassName('grid'); 
    var colorinput = document.getElementsByClassName('scheme'); 
    var i; 
    for (i = 0; i < colors.length; i++) { 
    grids[i].style.background = colorinput[i].value; 
    } 
</script> 

確保將腳本放在網格之後，以避免無效的引用錯誤。