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