用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升。
