先来看看效果图
实例代码
<！doctype html> <html> <head lang =“ en”> <meta charset =“ utf-8”> <title> </title> </title> </title> <style> #box {Margin：100px auto;宽度：200px;身高：150px;线高：150px;信件间隔：10px;文字平衡：中心；字体大小：30px;字体重量：大胆；边界：2px固体古绿色； word-trap：break-word;边界拉迪乌斯：5px ;;位置：相对； } #btn {位置：绝对;左：50％；顶部：280px; } </style> </head> <身体> <div id =“ box”> <span> 1 </span> <span> 2 </span> <span> 3 </span> 3 </span> <span> 4 </span> </span> </div> </div> <input type type type type type type =“ id =” id =“ btn” btn“ value =” value =“ 我变了哟！ var span = document.getElementsbytagname（“ span”）; var btn = document.getElementById（“ btn”）; var颜色=“”; var str =“ 0123456789abcdef”; btn.onclick = function（）{for（var i = 0; i <span.length; i ++）{// for（var j = 0; j <6; j ++）{// color+= color+= str.substr（parseint（parseint（math.random（math.random（Math.random（））跨度[i] .innerhtml = parseint（Math.random（）*10）; //生成随机数跨度[i] .style.color =（“＃”+color）; /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////- }} </script> </body> </html>以上就是这篇文章的全部内容，实现代码很简单，希望对大家能有一定的帮助，如果有问题可以留言交流，小编会尽快给大家回复的。，小编会尽快给大家回复的。