javascript怎么设置渐变色


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在javascript中,可以使用style对象属性设置渐变色,语法格式为“元素对象.style.backgroundImage='linear-gradient(角度,颜色,颜色)'”;Style对象代表一个单独的样式声明。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

其实渐变的实现归根结底都是css(样式)来控制

所有代码直接在JS里面写:

1

2

var test = document.getelementById(''test);

test .style.backgroundImage='linear-gradient(120deg, #155799, #159957)';

PS:这儿的backgroundImage的‘i’一定要大写,并且一定要这么写,不能写成和css里面的background-image一样,JS不识别的。

扩展资料:

在css里面写好之后,通过js给element添加class来新增样式:

在样式表定义好样式

阅读剩余部分

相关阅读 >>

vue组件内部实现一个双向数据绑定的代码示例

javascript怎么去掉标签

javascript中什么是const

javascript有哪几种数据类型

javascript document.write() 用法

如何在js中改变dom元素的文本内容

javascript怎么判断是否为数字类型

object.fromentries和object.entries的使用

如何在javascript中获取表单元素

javascript array怎么删除某个元素

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...