使用JavaScript显示/隐藏'div'。
对于我正在做的一个网站,我想加载一个div,并隐藏另一个div,然后有两个按钮,使用JavaScript在div之间切换视图。
这是我目前的代码。
function replaceContentInContainer(target, source) {
document.getElementById(target).innerHTML = document.getElementById(source).innerHTML;
}
function replaceContentInOtherContainer(replace_target, source) {
document.getElementById(replace_target).innerHTML = document.getElementById(source).innerHTML;
}
<html>
<button onClick="replaceContentInContainer('target', 'replace_target')">View Portfolio</button>
<button onClick="replaceContentInOtherContainer('replace_target', 'target')">View Results</button>
<div>
<span id="target">div1</span>
</div>
<div style="display:none">
<span id="replace_target">div2</span>
</div>
<!--结束片段-->。
替换div2的第二个函数不能工作,但第一个函数可以。
170
3
如何显示或隐藏一个元素。
为了显示或隐藏一个元素,要操作该元素的[样式属性][1]。在大多数情况下,你可能只想改变元素的[
display
属性][2]。另外,如果你仍然希望该元素占据空间(比如你要隐藏一个表格单元),你可以改变该元素的[
visibility
属性][3]。隐藏一个元素的集合。
如果你想隐藏一个元素集合,只需遍历每个元素,并将该元素的
display
改为none
即可。你可以简单地操作有关的div的样式...
使用风格。
在JavaScript中使用事件处理程序比HTML中的
onclick=""
属性更好。JavaScript。
jQuery可以帮助你轻松操作DOM元素!