html标签随机颜色实例代码,js实现随机颜色显示tag标签的代码(图文)

随机颜色显示tag标签，很酷很好看。

1，html内容部分

复制代码 代码示例:

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

2，js代码部分

复制代码 代码示例:

var obj = document.getElementsByTagName("span");

for(i=0;i

{

var str = "0123456789abcdef";

var t = "#";

for(j=0;j<6;j++)

{t = t+ str.charAt(Math.random()*str.length);}

obj[i].style.color=t;

}

效果如下图：

3，完整代码

复制代码 代码示例:

tag标签用随机颜色显示-www.jquerycn.cn

/**

* 随机颜色代码

* edit by www.jquerycn.cn

*/

var obj = document.getElementsByTagName("span");

for(i=0;i

{

var str = "0123456789abcdef";

var t = "#";

for(j=0;j<6;j++)

{t = t+ str.charAt(Math.random()*str.length);}

obj[i].style.color=t;

}

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■

■■■■■ ■■■■■