Tengo la barra lateral de la lista de categorías y quiero que se pueda ordenar hacia arriba y hacia abajo, también eliminar una lista de ellos con la parte inferior. Aquí está la imagen: ejemplo
CÓDIGO HTML:
<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>Puede tomar el elemento de su id:
document.getElementById(**yourId**).innerHTML = 'Realtime'; La línea anterior acaba de cambiar el valor dentro de un elemento en tiempo real, usando JavaScript. Sin embargo, tenga en cuenta que no necesita usar innerHTML , puede usar cualquier atributo de JavaScript que desee.