javascript - 如何在一个函数中更改输入的 css 样式和一些文本？

Question

我们有一些用户输入的数据

以及计算后的结果

那么是否可以同时更改文本“Fe”的 css 样式(颜色和字体系列)和输入的背景颜色？

我试过这个:

function convcase(word) { 
document.convert.Ca.value = BuckwheatCa * document.convert.Buckwheat.value
    if(document.convert.Fe.value < 10){
    document.getElementById("Fe_t").style.color="red";}
    else { document.getElementById("Fe_t").style.color="blue";
    };
} 

但无法访问 Fe_b id 并且无法更改文本的字体系列

<td id='Fe_t'>Fe</td> <td id='Fe_b'><INPUT TYPE=TEXT NAME="Fe" DISABLED></td>

也许可以用 jquery 实现？

Answer 1

您可以使用 jQuery 访问输入，例如 $("#Fe_b input")。您可以通过将包含 css 属性值的对象传递给 css() 来一次设置多个 css 属性。功能:

function convcase(word) { 
 document.convert.Ca.value = BuckwheatCa * document.convert.Buckwheat.value
  if(document.convert.Fe.value < 10){
   $("#Fe_t").css("color","red");
   $("#Fe_b input").css({"background":"grey","font-family":"fantasy"});
  }
  else {
   $("#Fe_t").css("color","blue");
   $("#Fe_b input").css({"background":"white","font-family":"sans-serif"});
  };
}