需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('div').css('background-color', 'blue')。
3、浏览器运行index.html页面，此时div的背景颜色被js动态修改为了蓝色。
1、实现获得rgb颜色的方法代码 。
2、获得到格式如下： rgb(225, 22, 23)然后进行拆分的方法代码。
3、把 （225,22,23）字符串进行拆分的方法代码。
4、最后的组合的方法代码。
5、获得十六进制颜色js方法代码。
6、获得十六进制颜色css样式代码。
其实渐变的实现归根结底都是css（样式）来控制，所以我目前想到的有2种：
所有代码直接在JS里面写：
var test = document.getelementById(''test)
test .style.backgroundImage='linear-gradient(120deg, #155799, #159957)'
PS:这儿的backgroundImage的‘i’一定要大写，并且一定要这么写，不能写成和长沙市里面的background-image一样，JS不识别的。
2.在css里面写好之后，通过js给element添加class来新增样式：
在样式表定义好样式
css：
.jianbian{
background-image: linear-gradient(120deg, #155799, #159957)
}
然后通过js给元素添加class
js:
var test = document.getelementById(''test)
test.className = 'jianbian'
大概就这样了，不过你还需要考虑一下不同浏览器的兼容性，关于渐变的写法。
-webket-/-moz-之类的
