Javascript 有没有办法使文本隐藏在输入框中?

Javascript 有没有办法使文本隐藏在输入框中?,javascript,html,css,Javascript,Html,Css,我有一个度转换器的代码,它工作得很好。但我担心的一点是,当我选择一个摄氏度,比如说摄氏度时,我输入我的数字,然后按下按钮,它会给出以开尔文和华氏度为单位的温度。但如果我想用开尔文表示另一个温度,我在框中键入我的数字,然后按计算,它会生成华氏温度和摄氏温度,但它会在输入框中保留以前的开尔文值。我想要的是,根据您选择的温度,它会删除该文本。在这个例子中,我希望给开尔文的数字消失了。我尝试过“document.getElementById(“”).style.display=“none”;但所做的只是

我有一个度转换器的代码,它工作得很好。但我担心的一点是,当我选择一个摄氏度,比如说摄氏度时,我输入我的数字,然后按下按钮,它会给出以开尔文和华氏度为单位的温度。但如果我想用开尔文表示另一个温度,我在框中键入我的数字,然后按计算,它会生成华氏温度和摄氏温度,但它会在输入框中保留以前的开尔文值。我想要的是,根据您选择的温度,它会删除该文本。在这个例子中,我希望给开尔文的数字消失了。我尝试过“document.getElementById(“”).style.display=“none”;但所做的只是删除输入框。我只希望文本消失。有什么方法可以做到这一点吗

    if(temperature == "Fahrenheit") {

      calculate = Math.round((inputValue - 32) * 0.555);
      document.getElementById("Celsius").value = calculate;

      calculate = Math.round((inputValue - 32) * 0.555 + 273.15);
      document.getElementById("Kelvin").value = calculate;

      // hide fahrenheit value

  }

  else if(temperature == "Celsius") {

    calculate = Math.round((inputValue * 0.555) + 32);
    document.getElementById("Fahrenheit").value = calculate;

    calculate = Math.round(inputValue + 273.15);
    document.getElementById("Kelvin").value = calculate;



    // hide celsius value

  }
我希望你能明白我想问的问题,如果没有,我会尝试详细说明。

尝试:

document.getElementById('#yourSelector').value=""; /* this will clear the text of the control*/
尝试:


如何删除输入值

您的问题的答案是:)。设置输入字段值的方式与设置空字符串来取消设置值的方式相同

document.getElementById("Fahrenheit").value = ""; // set empty string
现在对“摄氏度”也这样做

如何隐藏输入值

如果要隐藏输入值,可以使用另一种简单的css方法,而不是删除:

input {
  color: transparent;
}
或者通过javascript:

document.getElementById("inputId").style.color = "transparent";

快乐编码:)

如何删除输入值

您的问题的答案是:)。设置输入字段值的方式与设置空字符串来取消设置值的方式相同

document.getElementById("Fahrenheit").value = ""; // set empty string
现在对“摄氏度”也这样做

如何隐藏输入值

如果要隐藏输入值,可以使用另一种简单的css方法,而不是删除:

input {
  color: transparent;
}
或者通过javascript:

document.getElementById("inputId").style.color = "transparent";

快乐编码:)

哇,真是太容易了哈哈!非常感谢,我希望我能想到这一点!XD哇,真是太容易了哈哈!非常感谢,我希望我能想到那一点!XD