How to use document.querySelector() in javascript

Forum|Forum|4 years ago
April 20, 2021
2 replies
6491 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Asutosh_Jena_

Hi @shagunmalik

Let's say you have the HTML markup as:

<ul class="project-list single-col">
    <li class="project-item" style="clear: left;">
        Something
    </li>
    <li class="project-item" style="clear: left;">
        Something
    </li>
    <li class="project-item" style="clear: left;">
        Something
    </li>
</ul>

In JS If you use the below code:

var x = document.querySelector("ul");

x will hold the complete markup that we have above.

Thanks!

Asutosh_Jena_

Accepted solution

Community Advisor

Hi @shagunmalik

Let's say you have the HTML markup as:

<ul class="project-list single-col">
    <li class="project-item" style="clear: left;">
        Something
    </li>
    <li class="project-item" style="clear: left;">
        Something
    </li>
    <li class="project-item" style="clear: left;">
        Something
    </li>
</ul>