您的位置：首页 > Web前端 > JavaScript

javascript array拆分(合并)与简单应用(文字背景)demo

2016-06-08 11:57 417 查看

<!doctype html>
<html>
&l
4000
t;head>
<meta charset="utf-8">
<title>array拆分(合并)与简单应用(文字背景)demo</title>
<script>
window.onload = function(){
var oDiv1 = document.getElementById('div1');
var oInp = document.getElementsByTagName('input');
var arr = '';
var arrColor = ['#CCC','#BBB','#EEE','#DDD']

//array合并
//alert(arrColor.join('-'));

//alert(1);

oInp[1].onclick = function(){
oDiv1.innerHTML='';
arr = oInp[0].value.split('');
for(var i=0;i<arr.length; i++){
oDiv1.innerHTML += '<div style="background-color:'+ arrColor[i%arrColor.length] +'">'+arr[i]+ '</div>';
}
}

}
</script>
<style>
div { width:100px; height:100px; float:left; margin-left:10px;}
</style>
</head>
<body>
<span id="div1"></span>
<input type="text" />
<input type="button" value="上传" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航