×

js背景特效 split方法 lit

用JS中split方法实现彩色文字背景效果实例?歧视的反义词是什么

admin admin 发表于2022-07-03 07:16:40 浏览123 评论0

抢沙发发表评论

用JS中split方法实现彩色文字背景效果实例


先来看看实现效果图
效果实现步骤:

1、获取要用到的元素;

2、声明一个数组变量(arrColor)存放颜色值;

3、给按钮添加点击事件;

4、获取文本框的value值,并用split方法把文本框的字符串值转换成数组(arr)存放;

5、循环取出存数组(arr)中的值并添加上span标签;

6、设置span标签的背景色:从数组(arrColor)循环取值;

7、把设定好的内容添加到div中;
效果完整代码:
《!doctype
html》
《html》
《head》
《meta
charset=“utf-8“》
《title》利用JS中split方法实现彩色文字背景效果实例《/title》
《style》
div
{
width:300px;
height:200px;
border:1px
solid
#333;
background:#fff;
padding:20px;
line-height:40px;
}
span
{
padding:5px
15px;
font-family:微软雅黑;
}
《/style》
《script》
window.onload
=
function(){
var
oDiv=document.getElementById(’div1’);
var
aInp=document.getElementsByTagName(’input’);
var
arrColor
=
[’#f00’,’#ff0’,’#f0f’,’#0ff’];
aInp.onclick=function(){
var
str
=
aInp.value;
var
arr
=
str.split(’’);
for(var
i=0;
i《arr.length;
i++
){
arr[i]=’《span
style=“background:’+arrColor[i%arrColor.length]+’“》’+arr[i]+’《/span》’;
}
oDiv.innerHTML
+=
arr.join(’’);
}
}
《/script》
《/head》
《body》
《div
id=“div1“》
《/div》
《input
type=“text“
/》
《input
type=“button“
value=“按钮“
/》
《/body》
《/html》
总结
用JS中split方法实现彩色文字背景效果实例到这就结束了,感兴趣的朋友们可以自己动手操作看看,希望对大家的学习工作能有所帮助。

歧视的反义词是什么


歧视反义词:尊重、尊敬。

【尊重】尊重:敬重;重视互相尊重尊重少数民族的风俗习惯尊重知识和人才。

【尊敬】尊敬:尊崇、敬重、尊敬长者。

扩展资料:

歧视

近义词:鄙视、渺视、藐视、轻视、蔑视。

鄙视:轻视,看不起鄙视他因为他是胆小鬼鄙视不诚实的政客们

藐视:认为[某种事物]很卑贱、渺小、没有价值或令人厌恶,从而对它加以轻视,加以嘲笑我们不再藐视她了

轻视:

1、小看或讨厌大学的文科院系轻视师范教育。

2、不认真看待他轻视通讯往来。

蔑视:轻蔑鄙视她蔑视那些只看过简写本的人


litre等于多少升


1litre等于100升。Liter和Litre都是公升的意思.

1公升等于1000毫升.所以6 Liter是6升,也就是6千毫升。

公升(Liter)是公制(metric system)中的容积单位。

国家所用公升,是世界上绝大部分国家同样采用的法源公制(metric system)中的公升(Liter)。

重量单位在我们的生活中应用得最多:

我们常用的市制重量单位有:斤(市斤)、两、钱,一斤 = 10两,一两 = 10钱,我们也使用公制重量单位,这些单位有:公斤/千克、克、毫克、吨。

其中市制和公制单位之间可以进行换算,一斤 = 0.5公斤,也就是说一公斤 = 2斤。一吨 = 1000公斤/千克 = 2000斤。一升 = 1000毫升,一立方米 = 1000升。