자바 스크립트를 통해 DOM 요소에 그라디언트 색상을 설정할 수 없습니다.

Question

javascript를 통해 -moz-linear-gradient를 설정할 수 있습니까? 그라디언트 색상을 메뉴 막대의 드롭 다운 항목으로 설정할 수 없습니다. 2322IS 심지어 JQuery와 여전히 방식으로 행운을 시도

, 어떤 방법 그라데이션이 DOM 항목에 반영되지 만든 런타임

   $('#backcolor').on('change', function() { 
       var color = $(this).val(); 
       document.getElementById("menu-preview").style.backgroundColor = color; 
       var gradient = getSimilarColors(color); 
       $('.dropdown-1column').css('background', '-moz-linear-gradient(top,' + color + ',' + gradient + ')'); 
       $('.dropdown-1column').css('background', '-webkit-gradient(linear, 0% 0%, 0% 100%, from(' + color + '),' + 'to(' + gradient + '))'); 
       $('.dropdown-1column').css('background', 'linear-gradient(top,' + color + ',' + gradient + ')'); 
      }); 

: Here는 JSFiddle

var coll = document.getElementById('menu-preview').getElementsByClassName('dropdown-1column'); 
if (coll != null) { 
     for (var i = 0; i < coll.length; i++) { 
     coll[i].style.backgroundImage = "-moz-linear-gradient(top, #f1f471, #ffcc33)"; 
     coll[i].style.backgroundImage = "-webkit-gradient(linear, 0% 0%, 0% 100%,  
      from(#f1f471), to(#ffcc33))"; 
     coll[i].style.backgroundImage = "linear-gradient(top, #f1f471, #ffcc33)"; 
     } 
    } 

UPDATE-7-25이다 업데이트 7-25 : 2335IS

감사합니다. @nsth 거의 반나절 찍은 오타가있는 문제를 해결하기위한 의사 결정은 드롭 다운 1 열 대신 드롭 다운 1 열이어야합니다. 고마워, 너는 날 구해 줬어!

Answer 1

이 바이올린 업데이트 : 잘 http://jsfiddle.net/586Ru/4/

및

var coll = document.getElementById('menu-preview').getElementsByClassName('dropdown1-column'); 
console.log(coll) 
       if (coll != null) { 
       // console.log(coll) 
        for (var i = 0; i < coll.length; i++) { 
coll[i].style.background = "-moz-linear-gradient(top, #f1f471, #ffcc33)"; 

coll[i].style.background = "-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f471), to(#ffcc33))"; 
coll[i].style.background = "linear-gradient(top, #f1f471, #ffcc33)"; 
        } 
       } 

일을하지만 드롭 다운 떠오르게가 정확하지, 그 작업을해야합니다.