Есть блок с тестом, который меняет цвет фона по нажатию на кнопки. Как выставить в JS цвет так, чтобы он менялся на градиент.
window.onload = function() {
document.getElementById('linkinclr').onclick = function() {
document.getElementById("clrmen").style.backgroundColor = "#f2f1ec";
return false;
}
document.getElementById('linkinclr2').onclick = function() {
document.getElementById("clrmen").style.backgroundColor = "#f2f1ec";
return false;
}
document.getElementById('linkinclr3').onclick = function() {
document.getElementById("clrmen").style.backgroundColor = "#f2f1ec";
return false;
}
document.getElementById('linkinclr4').onclick = function() {
document.getElementById("clrmen").style.backgroundColor = "#f2f1ec";
return false;
}
}
<nav id="clrmen" id="cpock" class="l-nav pushy pushy-left" style="visibility: visible;">
<!-- Menu Button -->
<ol>
<ul id="menu-primary-menu" class="l-nav__menu">
<p>
<li id="linkin">
<a id="linkinclr" class="animsition-link" href="gallery.html" data-animsition-out-class="overlay-slide-out-left">
<div class="ml">Gallery</div>
</a>
</li>
</p>
<p>
<li id="linkin">
<a id="linkinclr2" class="animsition-link" href="about.html" data-animsition-out-class="overlay-slide-out-left">
<div class="ml">About</div>
</a>
</li>
</p>
<p>
<li id="linkin">
<a id="linkinclr3" class="animsition-link" href="courses.html" data-animsition-out-class="overlay-slide-out-left">
<div class="ml">Courses</div>
</a>
</li>
</p>
href="..."
? Ну и сама разметка не очень валидная.