先来看看实现效果图
效果实现步骤：
1、获取要用到的元素；
2、声明一个数组变量（arrColor）存放颜色值；
3、给按钮添加点击事件；
4、获取文本框的value值，并用split方法把文本框的字符串值转换成数组（arr）存放；
6、设置span标签的背景色：从数组（arrColor）循环取值；
效果完整代码：
<Meta charset="utf-8">
利用JS中split<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>实现<a href="https://www.jb51.cc/tag/caise/" target="_blank" class="keywords">彩色</a><a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>背景<a href="https://www.jb51.cc/tag/xiaoguo/" target="_blank" class="keywords">效果</a>实例
总结
用JS中split方法实现彩色文字背景效果实例到这就结束了，感兴趣的朋友们可以自己动手操作看看，希望对大家的学习工作能有所帮助。
原文链接：https://www.f2er.com/js/46352.html