如何为JavaScript生成的Tumblr随机侧边栏图片绑定原有side-img CSS类

问题原因 #

你通过JavaScript动态生成的图片标签没有携带原有的side-img类名，导致原本针对该类设置的CSS样式无法匹配到新生成的侧边栏图片，因此样式全部失效。

修复方法 #

只需要修改你现有JavaScript代码中document.write输出的img标签内容，为其添加上class="side-img"属性即可，修改后的完整代码如下：

<script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()
// 下方填写你自己的图片链接，可随意增加数量
myimages[1]="IMAGE URL"
myimages[2]="IMAGE URL"
myimages[3]="IMAGE URL"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img class="side-img" src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

可选优化（可不改） #

你现有代码中数组从索引1开始赋值，额外加了判断ry==0的逻辑，也可以简化为数组从0开始索引，去掉冗余判断，代码更简洁：

<script language="JavaScript">
<!--
function random_imglink(){
// 下方填写你自己的图片链接，可随意增加数量
const myimages = [
  "IMAGE URL",
  "IMAGE URL",
  "IMAGE URL"
]
const ry = Math.floor(Math.random() * myimages.length)
document.write('<img class="side-img" src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

内容的提问来源于stack exchange，提问作者user17566838