先来看看效果图
实例代码
<! doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <title> </title> <style> #box {margin: 100px auto; ความกว้าง: 200px; ความสูง: 150px; ความสูงของสาย: 150px; ระยะห่างจดหมาย: 10px; TEXT-ALIGN: CENTER; ขนาดตัวอักษร: 30px; Font-Weight: Bolder; ชายแดน: 2px Solid Palegreen; Word-wrap: break-word; แนวชายแดน: 5px ;; ตำแหน่ง: ญาติ; } #btn {ตำแหน่ง: สัมบูรณ์; ซ้าย: 50%; ด้านบน: 280px; } </style> </head> <body> <div id = "box"> <span> 1 </span> <span> 2 </span> <span> 3 </span> <span> 4 </span> </div> <อินพุต type = "ปุ่ม" id = "btn" value = "我变了哟!"/> var span = document.getElementsByTagname ("span"); var btn = document.getElementById ("btn"); var color = ""; var str = "0123456789abcdef"; btn.onclick = function () {สำหรับ (var i = 0; i <span.length; i ++) {// 生成四位数สำหรับ (var j = 0; j <6; j ++) {// 随机改变每个数字的颜色 color+= str.substr (parseint (math.random ()*str.length) span [i] .innerhtml = parseint (math.random ()*10); // 生成随机数 span [i] .style.color = ("#"+color); // 随机改变每个 span 的颜色 color = ""; }} </script> </body> </html>以上就是这篇文章的全部内容, 实现代码很简单, 希望对大家能有一定的帮助, 如果有问题可以留言交流, 小编会尽快给大家回复的。小编会尽快给大家回复的。