如何使用 JavaScript 实时编辑 html 部分？

Question

我有类别列表侧边栏，我想让它可以上下排序，同时删除其中一个列表的底部。这是图片： example

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>

Answer 1

您可以从其 id 中获取元素：

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

上面这行代码使用 JavaScript 实时改变了元素内部的值。不过请记住，您不需要使用 innerHTML，您可以使用任何您想要的 JavaScript 属性。

如何使用 JavaScript 实时编辑 html 部分？

How to edit html section Real Time with JavaScript?

html

javascript

css

jquery

jquery-ui