先来看看效果图
实例代码
<! Doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <itement> </iteme> <tyle> #box {margin: 100px auto; Lebar: 200px; Tinggi: 150px; Line-Height: 150px; spasi surat: 10px; Teks-Align: tengah; font-size: 30px; Font-Weight: Bolder; Perbatasan: 2px Solid Palegreen; Word-Wrap: Break-word; Border-Radius: 5px ;; Posisi: kerabat; } #btn {position: absolute; Kiri: 50%; Atas: 280px; } </tyle> </head> <body> <Div id = "box"> <span> 1 </span> <span> 2 </span> <span> 3 </span> <span> 4 </span> </div> <input type = "Tombol" id = "btn" value = "我变了哟!"/> <cript> // 提取标签 var box = document.getel (btn "value =" 我变了哟! "/> <cript> // 提取标签 提取标签 提取标签 提取标签 提取标签 提取标签 我变了哟! 我变了哟! 我变了哟! 我变了哟! 我变了哟! 我变了哟! 我变了哟! 我变了哟! 提取标签 提取标签 提取标签 提取标签 box box 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; j ++) {// 随机改变每个数字的颜色 warna+= str.substr (parseint (math.random ()*str.length), 1);/// 取颜色 , , , , , , , , , , , , , , , , span [i] .innerhtml = parseInt (math.random ()*10); // 生成随机数 span [i] .style.color = ("#"+warna); // 随机改变每个 span 的颜色 warna = ""; }} </script> </body> </html>以上就是这篇文章的全部内容 , 实现代码很简单 , 希望对大家能有一定的帮助 , 如果有问题可以留言交流 , 小编会尽快给大家回复的。