先来看看效果图
实例代码
<!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>以上就是这篇文章的全部内容、实现代码很简单、希望对大家能有一定的帮助、如果有问题可以留言交流、小编会尽快给大家回复的。