在javascript中访问具有多个值的class属性

时间:2017-11-19 00:47:48

标签: javascript jquery html

我正在研究一些关于javascript的额外练习,因为我总觉得我对它没有足够的信心,但我偶然发现了一个我无法思考或找到解决问题的方法。

步骤是添加以下类的属性:

class="sliderInput first; last; inc;style"

这不是问题,但后来他们告诉你这样做:

  

使用上面描述的类名结构添加类属性   Web窗体上的10个输入框。用于红色,绿色和蓝色输入   在框中,输入值的范围从255到0,增量为   -1个单位。样式值使用值1。对于不透明度输入框,输入值的范围从100到0,增量为-5。用一个   风格的值为2。对于z-index框,输入值范围   从1到2,增量为1个单位。使用3的值作为样式。

现在可以将这些值放到class属性中并访问该语句或从该语句获得什么?如果我不得不先说= 255作为一个例子我不认为你可以设置一个类属性的值并查找它的值字段。

任何指导都将不胜感激。谢谢。

编辑:上面的块引用是执行的,所以稍后您可以为对象创建自定义属性,该对象创建input,first,last,inc和style,并关联存储在他们建议您输入的每个元素中的值。 / p>

整个问题是给出一个带有5个滑块和两个盒子的平淡网页。随着滑块的增加和减少,您可以修改框的css属性:红色,绿色,蓝色,不透明度和zIndex。它们告诉您添加以下类的属性:

class="sliderInput first; last; inc;style"

到这些输入框:

 <label>Red</label>
     <input id="red1" value="255"/>
     <br />
  <label>Green</label>
     <input id="green1" value="255"/>
     <br />
  <label>Blue</label>
     <input id="blue1" value="255"/>
     <br />
  <label>Opacity</label>
      <input id="opacity1" value="100"/>
      <br />
  <label>Z-Index</label>
     <input id="zIndex1" value="1"/>

然后下一步是遵循这一段文字:

  

使用上述类名结构将类属性添加到Web窗体上的10个输入框。对于红色,绿色和蓝色输入框,输入值的范围从255到0,增量为-1个单位。样式值使用值1。对于不透明度输入框,输入值的范围从100到0,增量为-5。样式值使用值2。对于z-index框,输入值的范围为1到2,增量为1个单位。使用3的值作为样式。

然后为每个小部件栏(几乎每个输入框)创建一个类构造函数,它有五个属性:Input,first,last,inc,style

然后将这5个属性与您使用正确值插入每个输入框的值相关联。

0 个答案:

没有答案