Question

我创建了一个示例JSFiddle来演示我的问题。

我正在使用以下函数仅在onload上打开div #bogtoggle1：

window.onload = function () {
 document.getElementById("node1").style.display = "block";

然而，作为一名相对JS的新手，我无法弄清楚如何在► div上获取切换箭头（►#bogtoggle1）以更改为（▼▼ on onload，就像onclick一样。

有人可以帮忙吗？感谢

（仅供参考，JSFIDDLE HTML仅适用于演示，但是真实地来自真实网站上的数据库。正确的切换箭头（ ►►）是div默认的内联样式。所以我需要一个函数内的解决方案，而不是HTML。）

Answer 1

将您的html标题更改为：

     <h2 id="Border" style="display:inline;cursor:pointer;"><a onclick="toggle(this, 'node1')"> Border <span style="font-size:1.1em;color:#5C6467;">&#9660;</span></a></h2>

即。使它成为＆＃34;向下箭头＆＃34;默认情况下为&#9660，而不是＆＃34;侧箭头＆＃34; &#9658。这样，从那时起，您的toggle函数将负责其余部分。

根据您的原始文件，这里有一个更新的jsFiddle。

修改的

根据更新后的问题，这里有一个解决方案：给<span> id，然后在onload（）中更改innerHTML的{{1}}功能。请参阅the updated jsFiddle。

HTML已更改为此（innerHTML正常，但将<span>标记添加到id）：

span

JS已更改为此（添加第二行以更改为＆＃34;向下箭头＆＃34;在加载时）：

<h2 id="Border" style="display:inline;cursor:pointer;"><a onclick="toggle(this, 'node1')"> Border <span style="font-size:1.1em;color:#5C6467;" id="theSpan">&#9658;</span></a></h2

上载显示div，更改切换元素？

1 个答案: