首页 > 试题广场 >

下列js可以让一个input的背景颜色变成红色的是?

[单选题]
下列js可以让一个input的背景颜色变成红色的是?
  • inputElement.style.backgroundColor = 'red';
  • inputElement.backgroundColor = 'red';
  • inputElement.style.backgroundColor = '#0000';
  • inputElement.backgroundColor = '#0000';
推荐
A
backgroundColor属性设置元素的背景颜色
#0000应该为#FF0000
编辑于 2015-01-26 14:42:50 回复(1)
答案:A
选项A是设置元素节点的CSS样式的背景色,正确
选项B是直接设置元素的背景色,应为 background-color
发表于 2015-01-26 11:45:55 回复(0)
style的js正确写法:
inputElement.style.backgroundColor

发表于 2020-12-02 14:52:18 回复(0)

一、先看题:

js让一个input的背景颜色变成红色

二、思路:

  1. 获取该元素
  2. 通过该元素拥有的属性或方法来改变元素的样式。

三、细节:

  1. 获取元素可以借助document.getElementById()/document.getElementsByTagName()等若干方法,也可以利用层级关系(父子关系、兄弟关系等)。而这一点题目已经直接略过了,它直接给出了该元素的引用名称inputElement。
  2. 通过js来改变元素样式的两个最常见的API为:styleclassName。使用style接口一次只能改变一个样式,而使用className则可以同时改变多个样式,当然前提是已经用css定义该类名的相关样式。
  3. backgroundColor? background-color?
    简单说一下:在使用点运算符时,浏览器看到“-”就没法正确解析了,在那种情况下,只能将该变量使用驼峰命名法来表示。而使用方括号表示法,"-"被理解为字符串中的内容,该字符串能被正确解析。
    eg:
    inputElement.style.backgroundColor = 'red'; // 这是没问题的
    inputElement.style.background-color = 'red'; // 这是错的,浏览器看不懂啊...
    inputElement.style["background-color"] = 'red'; // 这也是可以的
  4. 表示红色有若干种方法:
    • 颜色名:red
    • 百分数:rgb(100%, 0%, 0%)
    • 数值:rgb(255, 0, 0)
    • 十六进制:#FF0000
    • 简写的十六进制:#F00
发表于 2017-08-13 19:16:25 回复(11)
#0000 是不正确的写法,至少要为六位,应该是#FF0000
A写法是正确的,有两种写法:
document.getElementById("input").style.backgroundColor = "red";     
inputElement.style.backgroundColor = "#FF0000";
发表于 2015-09-25 16:59:11 回复(8)
A   C和D颜色不对  B中没有style,是错误的语法
发表于 2015-04-16 18:11:57 回复(0)
选a
发表于 2017-11-24 09:42:23 回复(0)
属于css样式里的 设置时要 加上 style
红色的16进制表示法:  #f00  或者 #ff0000     
            英文表示法: red  
            rgb表示法:(255,0,0)
编辑于 2017-03-06 17:33:20 回复(0)
C选项应改为#000
发表于 2022-01-15 14:45:02 回复(0)
1.CD的'#0000' 应该改成 '#000';
2.B缺少 style 对象
发表于 2021-09-16 15:34:45 回复(0)
1:改变样式的方式
2:驼峰命名法
发表于 2021-08-09 10:52:19 回复(0)
链接:https://www.nowcoder.com/questionTerminal/cbb2482b5d3549cfaca0afa3b915a733
来源:牛客网

一、先看题:

js让一个input的背景颜色变成红色

二、思路:

  1. 获取该元素
  2. 通过该元素拥有的属性或方法来改变元素的样式。

三、细节:

  1. 获取元素可以借助document.getElementById()/document.getElementsByTagName()等若干方法,也可以利用层级关系(父子关系、兄弟关系等)。而这一点题目已经直接略过了,它直接给出了该元素的引用名称inputElement。
  2. 通过js来改变元素样式的两个最常见的API为:styleclassName。使用style接口一次只能改变一个样式,而使用className则可以同时改变多个样式,当然前提是已经用css定义该类名的相关样式。
  3. backgroundColor? background-color?
    简单说一下:在使用点运算符时,浏览器看到“-”就没法正确解析了,在那种情况下,只能将该变量使用驼峰命名法来表示。而使用方括号表示法,"-"被理解为字符串中的内容,该字符串能被正确解析。
    eg:
    inputElement.style.backgroundColor = 'red'; // 这是没问题的
    inputElement.style.background-color = 'red'; // 这是错的,浏览器看不懂啊...
    inputElement.style["background-color"] = 'red'; // 这也是可以的
  4. 表示红色有若干种方法:
    • 颜色名:red
    • 百分数:rgb(100%, 0%, 0%)
    • 数值:rgb(255, 0, 0)
    • 十六进制:#FF0000
    • 简写的十六进制:#F00
发表于 2021-03-13 01:20:44 回复(0)
  1. inputElement.style.backgroundColor = 'red';
    inputElement.style.backgroundColor = '#FF0000';

发表于 2020-09-14 11:44:17 回复(0)
表示颜色的数值,必须为16进制的数,也就是说要是8位
发表于 2019-07-15 08:46:48 回复(0)
#FF0000
发表于 2019-05-17 14:44:16 回复(0)
只有两两重复的才可以改为三位
例如:ff0000-f00
如果:fff000将只能是fff000.
发表于 2018-11-08 12:58:08 回复(0)
不懂为什么非要在dom中操作css
发表于 2018-10-18 08:23:28 回复(0)
A
发表于 2018-08-05 09:23:28 回复(0)
我认为主要就考察两点吧 第一:考察dom的样式里面访问样式的属性和方法 可以排除bd  错的回去看dom基础 第二:考察颜色表达方式  看到下面人说了 
  • 颜色名:red
  • 百分数:rgb(100%, 0%, 0%)
  • 数值:rgb(255, 0, 0)
  • 十六进制:#FF0000
  • 简写的十六进制:#F00
发表于 2018-05-24 10:02:55 回复(0)
red不能用单引号
发表于 2018-04-10 10:28:01 回复(0)

(转载)

一、先看题:

js让一个input的背景颜色变成红色

二、思路:

  1. 获取该元素
  2. 通过该元素拥有的属性或方法来改变元素的样式。

三、细节:

  1. 获取元素可以借助document.getElementById()/document.getElementsByTagName()等若干方法,也可以利用层级关系(父子关系、兄弟关系等)。而这一点题目已经直接略过了,它直接给出了该元素的引用名称inputElement。
  2. 通过js来改变元素样式的两个最常见的API为:styleclassName。使用style接口一次只能改变一个样式,而使用className则可以同时改变多个样式,当然前提是已经用css定义该类名的相关样式。
  3. backgroundColorbackground-color?
    简单说一下:在使用点运算符时,浏览器看到“-”就没法正确解析了,在那种情况下,只能将该变量使用驼峰命名法来表示。而使用方括号表示法,"-"被理解为字符串中的内容,该字符串能被正确解析。
    eg:
    inputElement.style.backgroundColor = 'red'; // 这是没问题的
    inputElement.style.background-color = 'red'; // 这是错的,浏览器看不懂啊...
    inputElement.style["background-color"] = 'red'; // 这也是可以的
  4. 表示红色有若干种方法:
    • 颜色名:red
    • 百分数:rgb(100%, 0%, 0%)
    • 数值:rgb(255, 0, 0)
    • 十六进制:#FF0000
    • 简写的十六进制:#F00
发表于 2017-11-28 09:33:38 回复(0)