Can't access span element in HTML with QuerySelector

Question

I tried to querySelector a span element within a paragraph, but couldn't access it. Result is null. Here's my code. Would appreciate any suggestion.

<p data-typeTime = "40">
Hey I'm Modeo 
<span class="loading"> . . . . . </span>
</p>

const loading = document.querySelector('.loading');
console.log(loading)