1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <title>Document</title>
9 <style>
10 </style>
11 </head>
12
13 <body>
14 <div class="box">
15 一等奖：<span>xxx</span>
16 二等奖：<span>xxx</span>
17 三等奖：<span>xxx</span>
18 </div>
19
20 <script>
21 const personArr = ['周杰伦', '刘德华', '周星驰', '黎明', '张学友']
23 // 获取一等奖随机数
24 let num = Math.floor(Math.random() * ((personArr.length - 1) - 0 + 1)) + 0
25 // 获取一等奖span标签
26 const a = document.querySelector('span:nth-child(1)')
27 // 修改一等奖span标签的内容
28 a.innerHTML = `${personArr[num]}`
29 // 从数组里减去筛选出的值
30 personArr.splice(num, 1)
31
32 // 获取二等奖随机数
33 let num2 = Math.floor(Math.random() * ((personArr.length - 1) - 0 + 1)) + 0
34 // // 获取二等奖span标签
35 const b = document.querySelector('span:nth-child(2)')
36 // 修改二等奖span标签的内容
37 b.innerHTML = `${personArr[num2]}`
38 // 从数组里减去筛选出的值
39 personArr.splice(num2, 1)
40
41 // 获取三等奖随机数
42 let num3 = Math.floor(Math.random() * ((personArr.length - 1) - 0 + 1)) + 0
43 // // 获取三等奖span标签
44 const c = document.querySelector('span:nth-child(3)')
45 // 修改三等奖span标签的内容
46 c.innerHTML = `${personArr[num3]}`
47 // 从数组里减去筛选出的值
48 personArr.splice(num3, 1)
49 </script>
50 </body>
51
52 </html>
做的不是很好，感觉有些繁琐，后续有想到或学到更好的方法会进行修改.jpg
标签：personArr,抽奖,span,标签,JavaScript,---,获取,const,Math From： https://www.cnblogs.com/Ayako/p/16795080.html