• 网站导航

js设置字体颜色(js设置字体为宋体)

更新时间:2021-09-18 11:53:07 来源:  网络
近期可能很多人都在关注js设置字体颜色相关的内容,今日小编也是在网上找了很多关于 js设置字体颜色 相关信息并整理如下,希望对大家有所帮助:

JS代码:

<script>

document.write('<div>背景颜色<br /><select name=bcolor id=bcolor><option>白色</option><option>银灰</option><option>淡蓝</option><option>蓝色</option> <option>淡灰</option><option>灰色</option> <option>深灰</option><option>暗灰</option><option>绿色</option><option>明黄</option><option>黑色</option></select><br />字体颜色<br /><select name=txtcolor id=txtcolorcontainer').style.color=this.options[this.selectedIndex].value;"> <option>黑色</option><option>红色</option><option>绿色</option><option>蓝色</option><option>棕色</option><option>白色</option></select><br />字体大小<br /><select name=fonttype id=fonttypecontainer').style.fontSize=this.options[this.selectedIndex].value;"> <option >小号</option> <option >较小</option> <option >中号</option> <option >默认</option><option >较大</option><option >大号</option><option >35px</option><option >45px</option><option >55px</option><option >65px</option><option >75px</option><option >85px</option><option >95px</option></select></div>');

</script>

代码说明

方法document.write可以生成HTML和CSS代码;

在JS内用onchange="javascript:…"属性写JS代码;

页面效果如下:


js设置字体颜色(js设置字体为宋体)

-End-

以上就是关于js设置字体颜色 相关问题啦,如需了解更多关于js设置字体颜色问题,关注我们的下次更新哦