js设置字体颜色

js设置字体颜色,第1张

js改变字体的颜色是用的“color”属性,xmlHttp.open("GET",URL,true)是设置ajax的请求地址和请求方式,不能去掉。

1、新建html文档,在body标签中添加p标签,标签内容是“演示文本”,这时字体的默认颜色是黑色的:

2、为了方便获取到这个p标签,给p标签添加上id,这里以“demo”为例:

3、添加script标签,在js标签中输入代码“document.getElementById('demo').style.color = '#f00'”,这样文本的字体颜色就变成了红色:

其实渐变的实现归根结底都是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-之类的

1、实现获得rgb颜色的方法代码。

2、获得到格式如下:rgb(225,22,23)然后进行拆分的方法代码。

3、把(225,22,23)字符串进行拆分的方法代码。

4、最后的组合的方法代码。

5、获得十六进制颜色js方法代码。

6、获得十六进制颜色css样式代码。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7844931.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-10
下一篇2023-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存