时间戳

首页 > 解决方案 > 我在我的 html 页面上得到了这个 [object HTMLSpanElement]

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

问题描述

问题已解决，无需仔细阅读帖子，感谢您的帮助，感谢有用的时间。

标签： javascripthtmljquerytags

解决方案

您正在引用此 DOM 对象 ( <span id = "res"></span>) 本身，但您不需要此对象，而是存储在其中的文本。

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

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

推荐阅读