js如何通过函数改变颜色，js修改颜色

JS怎么控制input框的背景颜色

1、htmlinput下拉列表修改背景颜色用css设置。定义一个css类型，确定正常情况下的background颜色，定义hover状态下的背景色。

2、输入框得到焦点时，改变输入框中的文字颜色。假设输入框的id是one：(#one).on(focus，function(){ (#one).css(color，#000)})(#one)表示定位到输入框，focus事件表示得到焦点状态。

3、通过鼠标移入方法和鼠标移出方法，设置相应的样式即可。

4、首先刚加载页面的时候，给一个input标签默认灰色的placeholder提示。然后用户点击输入框的时候，更改placeholder文字内容。最后可以选择颜色改为橙色即可。

5、border-width border-style border-color 如果不设置其中的某个值，也不会出问题，比如 border：solid #ff0000； 也是允许的。

6、灰色。在HTML中，将一个输入框input设置为禁用状态时，其背景颜色会自动变为浅灰色或者灰色，以示该输入框不可编辑。

相关问答

Q1: 如何从js中获取元素的颜色并改变?

1、这个函数来自Rico，Longbill及Dnew.cn修改。说明： 传入参数一个，为元素的id值或元素本身，返回为元素的真实背景色值（字符串）。

2、步骤一：打开Eclipse，点击File--New--Dynamic Web Project，新建一个工程TestColor。

3、输入框得到焦点时，改变输入框中的文字颜色。假设输入框的id是one：(#one).on(focus，function(){ (#one).css(color，#000)})(#one)表示定位到输入框，focus事件表示得到焦点状态。

4、你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

5、Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

Q2: js中怎么点击按钮时变色,松开后恢复原来的颜色?

首先给这个按钮添加鼠标的按下和松开的事件，mousedown，mouseup，使用这两个函数即可。

点击按钮变红。再次点击按钮变黑。这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。

function size(){ document.getElementById(d1).style.color = red} function size1(){ document.getElementById(d1).style.color = #888} 这个是比较容易懂的一种写法，虽然不简单，希望你能看懂。

/*鼠标点击颜色*/ } .a { color：%00F；/* 默认颜色 */ } -- 如果您把鼠标移动到这里，我的颜色将会变蓝，如果您在这里点击鼠标，我的蓝色将会便红。

input text 有两个事件。一个是获取焦点，一个是离开焦点。当光标在文本框内触发获取焦点事件，你可以写个css把文本框颜色变了 离开焦点把文本框的颜色再变回去。

Q3: js中怎么写单击选中一行变颜色

逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

document.getElementById(id).style.color = 颜色值；你的只是点到style这里，你要再点到color这里才行。

这是针对你的问题的测试界面测试页面，界面结构如图。点击按钮变红。再次点击按钮变黑。这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。

这样有问题的，Id从s1变成s2的话，第二次点击就没办法通过s1找到这个元素了。直接修改背景色就好了。

Q4: ...点击变换不同颜色,如果颜色全部变执行某个函数。

1、在上面的代码中，我们首先定义了一个颜色数组 colors，其中包含了要变换的颜色。然后，我们使用 addEventListener 方法为“更改背景颜色”按钮添加了点击事件监听器。

2、然后点击打开格式中的“颜色”，选择想要的填充的颜色，回车确定即可。 excel判断函数改变颜色 选中数据区域，点击开始选项卡——样式——条件格式命令。在条件格式命令下点击新建规则。

3、打开需要打印的工作表，用鼠标在不需要打印的行(或列)标上拖拉，选中它们再右击鼠标，在随后出现的快捷菜单中，选“隐藏”选项，将不需要打印的行(或列)隐藏起来。

4、Excel表格中单击一个单元格时使整一行变换颜色的具体操作步骤如下：1，电脑上安装Excel软件，然后打开Excel软件。2，在单元格中输入需要录入的文字。3，在表格上方找到“视图”，然后点击。

Q5: javaScript使用时间间隔函数实现,每隔2秒钟,网页背景颜色改变一次。

setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

值可用作 clearInterval() 方法的参数。语法：setInterval(code，millisec[，lang])参数 描述 code 必需。要调用的函数或要执行的代码串。millisec 必需。周期性执行或调用 code 之间的时间间隔，以毫秒计。

javaScript可以通过CSS样式间接改变背景颜色：1。必须有id号 即。( 方便javaScript调用 document.getElementById(td1))2。

关于js如何通过函数改变颜色和js修改颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。