使用JavaScript显示范围的内容

使用JavaScript显示范围的内容,javascript,innerhtml,html,Javascript,Innerhtml,Html,我有这个密码。我已经做了很多年了,但是我被这个例子的结果难住了。其目的是使文本框可见,并将单击的SPAN标记的内容放入其中 document.onclick = CaptureClickedElement; function CaptureClickedElement(e) { var EventElement; if(e==null) EventElement = event.srcElement;// IE else EventElement = e.target;// F

我有这个密码。我已经做了很多年了,但是我被这个例子的结果难住了。其目的是使文本框可见,并将单击的SPAN标记的内容放入其中

document.onclick = CaptureClickedElement;

function CaptureClickedElement(e)
{
var EventElement;
if(e==null)
    EventElement = event.srcElement;// IE
else
    EventElement = e.target;// Firefox

if( EventElement.tagName == "SPAN")
    {
    document.getElementById("divTXT").style.display="";
    document.getElementById("txt").value = document.getElementById("Span1").innerHTML;
    alert(document.getElementById("Span1").innerHTML)
    }
}
但奇怪的是,它确实显示了内容,但在末尾还显示了打开/关闭范围标记。如果我提醒其他结果,则会显示相同的内容

请在这里找到附加的屏幕截图

有人知道为什么会这样吗

谢谢

这是HTML(从mplungjan的评论中复制)


#divOuter{
宽度:100px;
高度:70像素;
边框:1px纯蓝色;
浮动:左;
} 
嗨,这是一个测试。
需要使用.innerText(用于IE)和.text(用于其他用户)

结构问题:

<span id="Span1">hi, this is a test.<span>
你好,这是一个测试。
请注意,没有一个适当的接近跨度的选项。

感谢您的快速回答,但innerText和text都不起作用。它们发出“未定义”警报。不需要innerText/textContent#divOuter{宽度:100px;高度:70px;边框:1px纯蓝色;浮动:左侧;}嗨,这是一个测试。好的。在粘贴html时,我甚至没有发现:O@itsols不傻——我已经见过很多次这样的怪事了。当您获取元素的innerHTML并返回一个标记片段时,您应该自动怀疑结构问题。
<span id="Span1">hi, this is a test.<span>