How to edit html section Real Time with JavaScript?

Question

I have Category list sidebar and I want to make it sortable up and down, also remove one list of them with bottom. Here is image: example

HTML CODE:

 <div class="side-nav-categories">
    <div class="title"><strong>Category</strong></div>
    <ul id="category-tabs">
        <li><a href="javascript:void" class="main-category"> Web Applications<i class="fa fa-minus"></i></a>
            <ul class="sub-category-tabs">
                <li><a href="javascript:void">HTML</a></li>
                <li><a href="javascript:void">CSS</a></li>
                <li><a href="javascript:void">SCSS</a></li>
            </ul>
        </li>
    </ul>
    <ul id="category-tabs">
        <li><a href="javascript:void" class="main-category">Script<i class="fa fa-minus"></i></a>
            <ul class="sub-category-tabs">
                <li><a href="javascript:void">Javascript</a></li>
                <li><a href="javascript:void">jQuery</a></li>
                <li><a href="javascript:void">Angular JS</a></li>
            </ul>
        </li>
    </ul>
    <ul id="category-tabs">
        <li><a href="javascript:void" class="main-category">Server Script<i class="fa fa-minus"></i></a>
            <ul class="sub-category-tabs">
                <li><a href="javascript:void">C#</a></li>
                <li><a href="javascript:void">PHP</a></li>
                <li><a href="javascript:void">ASP.Net</a></li>
            </ul>
        </li>
    </ul>
    </div>

What have you tried? What exact problem are you having?

Scott Marcus
– Scott Marcus

2022-03-04 17:10:25 +00:00
Commented Mar 4, 2022 at 17:10 — Scott Marcus
– Scott Marcus, Commented Mar 4, 2022 at 17:10
It would be great if you could upvote my answer :)

TheHaloDeveloper
– TheHaloDeveloper

2022-04-21 16:50:26 +00:00
Commented Apr 21, 2022 at 16:50 — TheHaloDeveloper
– TheHaloDeveloper, Commented Apr 21, 2022 at 16:50

Heretic Monkey · Accepted Answer · 2022-03-04 17:16:22Z

1

You can grab the element from its id:

document.getElementById(**yourId**).innerHTML = 'Realtime';

The above line just changed the value inside an element in realtime, using JavaScript. Keep in mind though, that you don't need to use innerHTML, you can use any JavaScript attribute that you want.

edited Mar 4, 2022 at 17:16

Heretic Monkey

12.2k7 gold badges63 silver badges133 bronze badges

answered Mar 4, 2022 at 17:13

TheHaloDeveloper

3,1251 gold badge13 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to edit html section Real Time with JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related