Javascript 如何使用js将公司树结构存储到本地存储

我在一个HTML页面上创建了一个树结构，用户根据自己的需求创建了这样一个公司树结构。 但我希望这个结构数据保存在本地存储上。我可以在另一个HTML页面上使用这些数据，并在那里创建相同的结构

HTML代码

<ul class="isParent" id="backend" onclick="myFunction(event)">
    <li><span class="caret-down edit" onclick="caret()">Ruhi Soya</span>
        <ul class="nested">
            <li class="ifChild"><span class="caret-down edit" onclick="caret()">Managing Director</span>
                <ul class="nested">
                    <li class="ifChild"><span class="caret-down edit" onclick="caret()">CEO</span>
                        <ul class="nested">
                            <li class="ifChild"><span class="caret-down edit" onclick="caret()">Production President</span>
                                <ul class="nested">
                                    <li class="ifChild"><span class="caret-down edit" onclick="caret()">Vice President</span>
                                        <ul class="nested">
                                            <li class="ifChild"><span class="caret-down edit"
                                                    onclick="caret()">Production Manager</span>
                                                <ul class="nested">
                                                    <li class="ifChild"> <span class="edit" id="edit">Managers</span></li>
                                                    <li class="ifChild"><span class="edit">Engineers</span></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="ifChild"><span class="caret-down edit" onclick="caret()">Project Manager</span>
                                        <ul class="nested">
                                            <li class="ifChild"><span class="caret-down edit" onclick="caret()">Engineer</span>
                                                <ul class="nested">
                                                    <li class="ifChild"> <span class="edit" id="edit">Contractors and Development Team</span></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="ifChild"><span class="caret-down edit" onclick="caret()">Marketing &amp; Sales ead President</span>
                                <ul class="nested">
                                    <li class="ifChild"><span class="caret-down edit" onclick="caret()">Marketing Head</span>
                                        <ul class="nested">
                                            <li class="ifChild"><span class="caret-down edit"> onclick="caret()">Regional Managers</span>
                                                <ul class="nested">
                                                    <li class="ifChild"> <span class="edit" id="edit">Area Managers</span></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="ifChild"><span class="edit">Sales Head</span></li>
                                </ul>
                            </li>
                            <li class="ifChild"><span class="edit">R&amp;D department</span></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

鲁西大豆

执行董事

首席执行官

制作总裁

副总裁

生产经理

管理者
工程师




项目经理

工程师

承包商和开发团队






市场营销；销售总裁

营销总监

区域经理

区域经理




销售负责人


R&；D部门

如何将创建的数据存储到本地存储，并将相同的HTML创建到另一个HTML分区。

要保存，您可以执行以下操作：

localStorage.setItem('my-saved-content', document.getElementById('backend').innerHTML);

并将保存的信息还原到另一页上的元素中：

document.getElementById('some-id').innerHTML = localStorage.getItem('my-saved-content')

---

据我所知，用户做了他/她的部分。您尝试了哪些操作？由于用户结构创建了各种错误，这些错误以父元素的空值形式出现在控制台中。这是我今天读到的最不清楚的事情：）请更清楚。为了解决您的问题，您尝试了什么？您遇到了哪些错误？