通过javascript将HTML正文传递给div

时间:2018-12-06 20:56:16

标签: javascript html css

我正在尝试创建一个网页(或者实际上只是一个简单的文档,其唯一目的是为另一个项目编写帮助文件)。我有一个HTML文档,该文档拆分为2个窗格中的文档,即

<body onload="addEvents();">

    <div class="split left">
    </div>

    <div class="split right">
        <div id="description_viewer">
        </div>
    </div>

</body>

我的“向左拆分” div包含简单文本的树结构。典型的树可能包含多个级别的列表项,最后一个级别包含带有dd标签的列表项,该dd标签包含标题和段落形式的文本信息,即

        <ul id="LinkedList1" class="LinkedList">
            <li>MyParent
                <ul>
                    <li>MyFirstChild    
                        <ul>
                            <li>MyChildofFirstChild
                                <dd>This contains a description of myChildofFirstChild
                                    <h2>MainHead</h2>
                                        <h3>SubHeader</h3>
                                            <p>Description</p>
                                            <p>Description</p>
                                        <h3>SubHeader</h3>
                                        <h3>SubHeader</h3>
                                            <h4>SubSubHeader</h4>
                                            <h4>SubSubHeader</h4>
                                                <p>Description</p>
                                </dd>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>

我的脚本文件允许用户打开或关闭树中的列表项,目的是当用户单击包含dd标签的列表项时,在右侧面板中显示dd标签的html代码内幕(即div“向右分割”)。

我还需要保留标题标签等以进行格式化。

到目前为止,我只能显示文本[object HTMLCollection]。

我收集到我需要使用.map.call的信息,但是我没有html / javascript知识。

谢谢

0 个答案:

没有答案