Javascript 如何按类获取span文本？

我需要获取span元素中的文本。问题是它没有唯一的ID，只有一个类。有没有办法通过只知道元素的类来检索该元素中的文本

我尝试了以下代码：

var theValue = document.getElementById('you').getElementsByClassName('username').innerHTML;

但我有一个错误：

未捕获的TypeError:无法读取null的属性“getElementsByClassName”

HTML:

这篇文章很有趣

出现该错误是因为您试图在该元素加载到页面之前访问该元素。将脚本移动到页面底部，或将脚本包装到DOM就绪函数中

至于课文的分类，当然可以

getElementsByClassName

返回一个集合-因此您需要引用所需的索引：

<div id="you">
   <span class="username">theTextIShouldGet</span>

    <a class="logout" href="/logout">
     </a>
    <a class="settings" href="/settings">
     </a>
</div>
<script>
    var theValue = document.getElementById('you').getElementsByClassName('username')[0].innerHTML;
</script>

这篇文章很有趣
var theValue=document.getElementById（'you'）.getElementsByClassName（'username'）[0].innerHTML；

出现该错误是因为您试图在该元素加载到页面之前访问该元素。将脚本移动到页面底部，或将脚本包装到DOM就绪函数中

至于课文的分类，当然可以

getElementsByClassName

返回一个集合-因此您需要引用所需的索引：

<div id="you">
   <span class="username">theTextIShouldGet</span>

    <a class="logout" href="/logout">
     </a>
    <a class="settings" href="/settings">
     </a>
</div>
<script>
    var theValue = document.getElementById('you').getElementsByClassName('username')[0].innerHTML;
</script>

这篇文章很有趣
var theValue=document.getElementById（'you'）.getElementsByClassName（'username'）[0].innerHTML；

您得到的代码很好。如果出现该错误，则可能是

没有真正的“id”值，或者当代码运行时

不在DOM中。此外，elementsByClassName是复数。添加一个[0]以获取第一个。您获得的代码没有问题。如果出现该错误，则可能是

没有真正的“id”值，或者当代码运行时

不在DOM中。此外，elementsByClassName是复数。添加[0]以获取第一个