每次页面刷新时更改类名答案

【问题标题】：Change class name every time page refresh每次页面刷新时更改类名
【发布时间】：2020-08-11 16:40:47
【问题描述】：

我最近在一个网站上，我看到每次网站刷新类名都会发生变化。我在谷歌上搜索这个，但我找不到任何东西。每次在 JavaScript 中刷新网站时，有什么方法可以更改类名？

【问题讨论】：

是什么让你认为类名在 javascript 而不是服务器端发生变化？
你可以为每次刷新随机选择一个不同的类吗？或者从当前时间派生一个类名？或者在必要时利用浏览器存储来跟踪最后一个类名？如果您可以提供更多上下文可能会有所帮助-具体您想做什么？
另外，你的问题的答案很大程度上依赖于其他东西，比如 - 为什么这个 dom 元素上有一个类名？类名是否与 CSS 样式相关联？当您更改 dom 元素上的类名时，您是否希望 css 样式“附带”？
我想要完成的是，当网站刷新时，我希望它更改类名，以便背景图像可以在 CSS 中更改
所以有一个类列表，并在页面加载时从列表中随机选择一个。

【解决方案1】：

如果您只想更改类名，可以这样做。

  let element = document.getElementById("elementId") 
function getRandomNumber(){ 
var randomNumOfLet = Math.floor(Math.random()*Math.floor(62))
return randomNumOfLet
}
function makeClass(length) {
   var result           = '';
   var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
   var charactersLength = characters.length;
   for ( var i = 0; i < length; i++ ) {
      result += characters.charAt(Math.floor(Math.random() * charactersLength));
   }
   return result;
} 


element.class = makeClass(getRandomNumber())

【讨论】：