我正在尝试创建一个网页(或者实际上只是一个简单的文档,其唯一目的是为另一个项目编写帮助文件)。我有一个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知识。
谢谢