我在我的 html 页面上得到了这个 [object HTMLSpanElement]答案

【问题标题】：I am getting this [object HTMLSpanElement] on my html page我在我的 html 页面上得到了这个 [object HTMLSpanElement]
【发布时间】：2020-08-01 11:34:34
【问题描述】：

问题已解决，无需深入帖子，感谢您的帮助，感谢有用的时间。

【问题讨论】：

变量res 没有设置在任何地方？

标签： javascript html jquery tags

【解决方案1】：

您正在引用此 DOM 对象 () 本身，但您不需要此对象，而是存储在其中的文本。

你可以通过一个简单的方法得到这个值

document.getElementById("res").innerText

这或多或少与您用于设置此 res 对象的文本的调用相同。

所以一个工作示例可能如下所示

<!DOCTYPE html>
<html>
<head>
    <title> Exercise 2 </title>
</head>
<body>
<form>

Enter the  value to be  converted <br><br> <input type="numbers" id="val" /> <br><br>
<input type="button" onClick="celtofar()" Value="Celcius to Fahrenhet" id="b1" /><br><br>
<input type="button" onClick="fartocel()" Value="Fahrenhet to Celcius" id="b2"/><br><br>

Output : <br>
<span id = "res"></span>
<p id= "op"></p>

</form>
<style type="text/css">
body { margin-left: 450px; margin-top: 100px}
</style>

<script type="text/javascript">
function celtofar()
{
    v = document.getElementById("val").value;

    document.getElementById("res").innerHTML = (v * 1.8) + 32;
    
    var message = v +'\xB0C is ' + document.getElementById("res").innerText + '\xB0F.';
    document.getElementById("op").innerHTML = message;
    
}
function fartocel() 
{ 
    v = document.getElementById("val").value;
  
    document.getElementById("res").innerHTML = (v - 32) / 1.8;
    
    var message = v +'\xB0F is ' + document.getElementById("res").innerText + '\xB0C.';
    document.getElementById("op").innerHTML = message;
}
</script>
</body>
</html>

在此处阅读有关此内容的更多信息： https://www.w3schools.com/js/js_htmldom.asp

【讨论】：

您也可以通过选择res 来重构一次：cons res = document.getElementById("res")，然后使用res.innerHTML = ... 设置并使用res.innerText 获取
@Emre 当然，但这不是问题的一部分。重构和返工的潜力更大。

【解决方案2】：

您只需要关闭 标记之后的范围。只需将结尾的 放在 之后即可

<span id = "res">
<p id= "op"></p></span>

【讨论】：