How to use document.querySelector() in javascript

Question

I'm trying to use document.querySelector() in javascript.

There is a element in my html with 'ul' tag.

then in my javascript I'm using it as :

const ultag = document.querySelector("ul");

then I'm calling a function for pagination like :

function x(pagecount,currentpage)

{

let litag =' ';

if (page<1)

{

litag= something;

}

ultag.innerHTMl = litag;

}

but it is showing error in ultag.innerHTML as it is showing null value for ultag.

Please help how to use it.

Asutosh_Jena_ · Accepted Answer

Hi @shagunmalik Let's say you have the HTML markup as:

In JS If you use the below code:var x = document.querySelector("ul"); x will hold the complete markup that we have above. Thanks!

Anudeep_Garnepudi · Answer

@shagunmalik Are you sure you have at-least one ul tag in page? If there is no ul tag in DOM, document.querySelector("..") will return null.

Sign up