split js（js中split（））
本文目录
js中split（）
《script type=“text/javascript“》 var sorceStr = “小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76“; var result = sorceStr.split(“;“); var sum = 0; for (var i = 0; i 《 result.length; i++) { // 改为result.length sum +=parseInt(result.split(“:“),10); // 使用parseInt强制转换为数字 }; document.write(sum); 《/script》
用JS中split方法实现彩色文字背景效果实例
先来看看实现效果图效果实现步骤： 1、获取要用到的元素； 2、声明一个数组变量（arrColor）存放颜色值； 3、给按钮添加点击事件； 4、获取文本框的value值，并用split方法把文本框的字符串值转换成数组（arr）存放； 5、循环取出存数组（arr）中的值并添加上span标签； 6、设置span标签的背景色：从数组（arrColor）循环取值； 7、把设定好的内容添加到div中；效果完整代码：《!doctypehtml》《html》《head》《metacharset=“utf-8“》《title》利用JS中split方法实现彩色文字背景效果实例《/title》《style》div{width:300px;height:200px;border:1pxsolid#333;background:#fff;padding:20px;line-height:40px;}span{padding:5px15px;font-family:微软雅黑;}《/style》《script》window.onload=function(){varoDiv=document.getElementById(’div1’);varaInp=document.getElementsByTagName(’input’);vararrColor=+’《/span》’;}oDiv.innerHTML+=arr.join(’’);}}《/script》《/head》《body》《divid=“div1“》《/div》《inputtype=“text“/》《inputtype=“button“value=“按钮“/》《/body》《/html》总结用JS中split方法实现彩色文字背景效果实例到这就结束了，感兴趣的朋友们可以自己动手操作看看，希望对大家的学习工作能有所帮助。
更多文章：
2025年3月1日 10:00
2025年3月14日 16:00
idea官网网址（Linux平台上，2018年度Snap格式应用都有哪些）
2025年2月9日 12:20
2025年4月9日 10:10
2025年3月3日 13:00
2025年2月10日 04:20
2025年2月11日 07:40
2025年3月13日 18:00
invalid token（invalid token是什么意思）
2025年2月21日 21:00
2025年3月6日 10:10
hbuilder使用教程（怎么用hbuilder制作鼠标特效）
2025年2月26日 18:40
2025年3月29日 19:10
2025年3月31日 00:10
2025年4月7日 10:00
iframe滚动事件（iframe滚动条跟div滚动条怎么实现 联动）
2025年4月1日 16:50
2025年4月6日 17:40
tree planting annal怎么用？annal passholder什么意思
2025年4月3日 06:50
simpledateformat线程安全吗（Java开发中线程的安全问题以及产生的原因）
2025年4月15日 11:40
remove在线抠图官网（有哪些在线PS网站工具，可以处理图片和抠图的）
2025年2月11日 00:10
tabata（因工作原因早上慢跑加tabata，晚上八点左右力量训练，能很好的减脂塑形吗）
2025年3月1日 10:10
