先来看看效果图
实例代码
<! doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <title> </title> <style> #box {margin: 100px auto ؛ العرض: 200 بكسل ؛ الارتفاع: 150 بكسل ؛ ارتفاع الخط: 150 بكسل ؛ تباعد الرسائل: 10 بكسل ؛ محاذاة النص: المركز ؛ حجم الخط: 30 بكسل ؛ خط الرحلة: أكثر جرأة. الحدود: 2 بكسل الصلبة الحمراء. Word-Wrap: كلمة استراحة ؛ الحدود الحدودية: 5px ؛؛ الموقف: قريب } #btn {الموضع: absolute ؛ اليسار: 50 ٪ ؛ أعلى: 280 بكسل ؛ } </style> </head> <body> <div id = "box"> <span> 1 </span> <span> 2 </span> <span> 3 </span> <span> 4 </span> </viv> <pecty type = "button" id = "btn" value = "我变了哟!"/> <script> // 提取标签 var box = "boxelementbyid". 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 ++) {// 生成四位数 for (var j = 0 ؛ j <6 ؛ span [i] .innerhtml = parseint (math.random ()*10) ؛ // 生成随机数 span [i] .style.color = ("#"+color) ؛ // 随机改变每个 span 的颜色 color = "" ؛ }} </script> </body> </html>以上就是这篇文章的全部内容 , 实现代码很简单 , 希望对大家能有一定的帮助 , , 小编会尽快给大家回复的。