先來看看效果圖
實例代碼
<！ 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>以上就是這篇文章的全部內容，實現代碼很簡單，希望對大家能有一定的幫助，如果有問題可以留言交流，小編會盡快給大家回复的。 ，小編會盡快給大家回复的。