gpt4 book ai didi

javascript - 显示 div onclick

转载 作者:行者123 更新时间:2023-11-28 18:36:52 25 4
gpt4 key购买 nike

我在这里做错了什么.. 我试图在单击链接后通过 js 和 css 显示调用的子 div。但它根本不会改变。

这是我的代码:

HTML:

<div id="container">

<div id="sub1">content 1</div>
<div id="sub2" class="hide">content 2</div>
<div id="sub3" class="hide">content 3</div>

<div id="navigation">
<a href="#" class="mininav" onclick="switchContent('sub1'); return false;">link 1</a>
<a href="#" class="mininav" onclick="switchContent('sub2'); return false;">link 2</a>
<a href="#" class="mininav" onclick="switchContent('sub3'); return false;">link 3</a>
</div>

</div>

JS:

function switchContent(obj) {

obj = (!obj) ? 'sub1' : obj;

var contentDivs = document.getElementById('container').getElementsByTagName('div');
for (i=0; i<contentDivs.length; i++) {
if (contentDivs[i].id && contentDivs[i].id.indexOf('sub') != -1) {
contentDivs[i].className = 'hide';
}
}
document.getElementById(obj).className = '';

}

CSS:

.hide {
display: none;
}

最佳答案

尝试将您的 javascript 代码放在您的 html 代码之前,这样您的 html 代码的 onclick 函数可以找到 switchContent() 函数。

关于javascript - 显示 div onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12446630/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com