JS实现让访问者自助选择网页文字颜色的方法

更新时间：2015年02月24日 15:23:31 作者：代码家园

这篇文章主要介绍了JS实现让访问者自助选择网页文字颜色的方法,涉及javascript针对radio表单控件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现让访问者自助选择网页文字颜色的方法。分享给大家供大家参考。具体实现方法如下：

<html>
<head>
<title>JS实现让访问者自助选择网页的文字颜色</title>
<script language="javascript">
<!--
 function chColor(c){
 document.body.style.color = c;
 }
//-->
</script>
</head>
<body>
<input name="c" type="radio" value="#000000" onClick="chColor(this.value)" checked>黑
<input name="c" type="radio" value="#0000FF" onClick="chColor(this.value)">蓝
<input name="c" type="radio" value="#FF0000" onClick="chColor(this.value)">红<br>
本行文字会改变颜色哦! 
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

JS中常用的输出方式(五种)
这篇文章主要介绍了JS中常用的输出方式(五种)的相关资料，非常不错具有参考借鉴价值,需要的朋友可以参考下
2016-06-06
小程序实现下拉列表框菜单
这篇文章主要为大家详细介绍了小程序实现下拉列表框菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
JS原型对象通俗"唱法"
书上对于原型对象的说法给我整的眼花缭乱,完全不知道它在说什么,查了好多资料,终于有了些理解,下面我以通俗的大白话说说我对原型对象的理解
2012-12-12
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
这篇文章主要是对JavaScript1.6数组新特性以及JQuery的几个工具方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
uni-app的基本使用教程
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台，这篇文章主要介绍了uni-app的基本使用,需要的朋友可以参考下
2022-11-11
基于JavaScript实现简单的音频播放功能
本文给大家带来了基于js实现简单的音频播放功能，数据是由后台提供的，具体实例代码大家参考下本文
2018-01-01
原生javascript实现图片无缝滚动效果
这篇文章主要介绍了原生javascript实现图片无缝滚动效果的相关资料,需要的朋友可以参考下
2016-02-02
使用element-plus时重写样式不起作用的问题及解决方法
这篇文章给大家介绍使用element-plus时重写样式不起作用的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2023-09-09
javascript之锁定表格栏位
javascript之锁定表格栏位...
2007-06-06
JS使用H5实现图片预览功能
这篇文章主要为大家详细介绍了JS使用H5实现图片预览功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-09-09