Javascript 用JS检查Span？

我已经搜索了一段时间，但我还没有找到任何解决我问题的方法，所以我希望你们能帮助我

我正在创建一个方法，使用输入文本框使用您的姓名创建用户名。当您介绍它们时，我会创建用户名并将其放入

标记中

问题是，在继续之前，按下一个按钮，我想检查用户名是否已输入，我不知道如何操作

我创建了这个JS代码：

<script type="text/javascript">

    function ValidateUser()
    {
        var x = document.getElementById("txtusrname").value;
        if (x == null || x == "") {
            document.getElementById("lblmsg").innerHTML = "Please, first create an username";
            return false;
        }
  else {
            document.getElementById("lblmsg").style.display = "none";
        }
    return true;
    }
</script>

函数ValidateUser（）
{
var x=document.getElementById（“TxtUserName”）.value；
如果（x==null | | x==“”）{
document.getElementById（“lblmsg”）.innerHTML=“请先创建一个用户名”；
返回false；
}
否则{
document.getElementById（“lblmsg”）.style.display=“无”；
}
返回true；
}

这是按钮和带有用户名的范围

`<p class="intro" align="center">UserName: <span id="txtusrname"></span></p><div align="center">
<a href="start.html" target="_self"> 
<button type="submit" id="btnenter" onclick="return ValidateUser()">Enter in the App</button></a>
<br>
<label id="lblmsg" style="color:Red;" ></label><br />
</div>`

`
用户名：




`

---

谢谢你的帮助！顺便说一下，对不起，我的英文是：D要获取

中的值，您必须更改 这：

为此：

var x = document.getElementById("txtusrname").innerHTML;

我想检查用户名是否已输入，但我没有 知道怎么做

---

如何在

span

中输入任何内容？它是不可编辑的。您应该改用文本框。

您必须确定用户名是否已被使用的用户名“列表”在哪里？@Leetylor我认为OP的意思是在继续之前检查

中是否有任何输入任何人会在

元素中插入用户名？（您没有可编辑的

内容

…）也许您应该尝试使用文本框而不是

。您将无法在

中输入用户名。在您可以输入数据之后进行验证。谢谢大家@stackErr现在工作得很好：D我试过文本框，但我不喜欢最后的结果，但是谢谢，我真的很感谢你的评论。

var x = document.getElementById("txtusrname").innerHTML;