Uncaught TypeError: document.getElementById(...) is null

I don't know why this error happens with JS.

 <div id="test"><a class="a">test1</a><a>test2</a></div>
        <a id="show"></a>

let res=document.getElementById('#test').firstElementChild.text;
 document.getElementById('#show').innerHTML=res;
 console.log(res);

when I use jquery it's ok

$('#test').click(function(){
   var res=$(this).children('.a').html();
$('#show').html(res);
   console.log(res);
 });

Level 122

You are getting element by Id. You dont need the #

let res=document.getElementById('test').firstElementChild.text;
 document.getElementById('show').innerHTML=res;
 console.log(res);

1 like

Please or to participate in this conversation.