先来看看效果图
实例代码
<！doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <title> </title> <style> #box {margin：100px auto;幅：200px;高さ：150px;ラインハイト：150px;レター間隔：10px;テキストアライグ：センター;フォントサイズ：30px; font-weight：Bolder;境界線：2pxソリッドパレグリーン。ワードラップ：ブレークワード;ボーダーラジウス：5px ;;位置：相対; } #btn {position：absolute;左：50％;トップ：280px; } </style> </head> <body> <div id = "box"> <span> 1 </span> <span> 2 </span> <span> 3 </span> <span> 4 </span> </div> <入力タイプ= "ボタン" ID = " var span = document.getElementsByTagname（ "SPAN"）; var btn = document.getElementById（ "btn"）; var color = ""; var str = "0123456789ABCDEF"; btn.onclick = function（）{for（var i = 0; i <span.length; i ++）{// span [i] .innerhtml = parseint（math.random（）*10）; // }} </script> </body> </html>以上就是这篇文章的全部内容、实现代码很简单、希望对大家能有一定的帮助、如果有问题可以留言交流、小编会尽快给大家回复的。