如何动态隐藏div

[amass1024]

<div id="Answer_3" onClick="Click()">
asdaf</div>
<div id="AnswerContent_3">snfangsdgirngorihniohnothont
</div>

    function Click()
    {
        if (event.srcElement.tagName == "DIV")
        {
            AtomType = ConfirmAtomID();
            AtomOrder = ConfirmAtomOrder();
            
            contentTag = AtomType + "Content_" + AtomOrder;
            debugger;
            var string = document;
            if (contentTag.style.visibility == "hidden")
            {
                contentTag.style.visibility = "visible";
            }
            else
            {
                contentTag.style.visibility == "hidden";
            }
        }
    }
    function ConfirmAtomID()
    {
        var selectAtomTag = event.srcElement.id;
        
        if (selectAtomTag.indexOf("Answer") != -1)
        {
            return "Answer";
        } 
        else if (selectAtomTag.indexOf("Knowledge") != -1)
        {
            return "Knowledge";
        }
        else if (selectAtomTag.indexOf("Files") != -1)
        {
            return "Files";
        }
        else if (selectAtomTag.indexOf("DeptExperience") != -1)
        {
            return "DeptExperience";
        }
        else if (selectAtomTag.indexOf("PerExperience") != -1)
        {
            return "PerExperience";
        }
    }
    
    function ConfirmAtomOrder()
    {
        var selectAtomTag = event.srcElement.id;
        
        order = selectAtomTag.slice(selectAtomTag.indexOf("_")+1, selectAtomTag.length);
        
        return order;
    }

div代码是后台C#代码动态添加的，contentTag是动态获取的div的ID，但是却没有办法让DIV显示或隐藏
请达人提供一个解决方案

[ojekleen]

document.getElementById("contentTag").style.display="none";//隐藏
document.getElementById("contentTag").style.display="block";//显示

[takako_mu]

我想你的讓DIV顯示和隱藏的代碼可能寫錯了。
應該是

document.getElementById('photo').style.display = "block";//顯示
document.getElementById('photo').style.display = "none";//隱藏

[wodexiaopu2]

好像用css控制吧？

// 隐藏
document.getElementById('div的ID').style.display = "none";
// 显示
document.getElementById('div的ID').style.display = "block";

[fffff_1982]

style.display 不是 visibility
display 有两个值 block 显示， none 隐藏

[zgke]

[Quote=引用 1 楼 ojekleen 的回复:]
document.getElementById("contentTag").style.display="none";//隐藏
document.getElementById("contentTag").style.display="block";//显示
[/Quote]

隐蔽显示这就可以了 没楼主弄的这么复杂..

[walkghost]

[Quote=引用 4 楼 fffff_1982 的回复:]
style.display 不是 visibility
display 有两个值 block 显示， none 隐藏
[/Quote]
UP这个，正解。

[wangchao813]

document.getElementById("contentTag").style.display="none";//隐藏
document.getElementById("contentTag").style.display="block";//显示

[zzxap]

visibility 是后台的。
style.display才是客户端的

[endyli]

楼主，这么简单的东西，为什么要写的这么复杂：
<div id="Answer_3" onClick="Click(this.id)">asdaf</div>
<div id="AnswerContent_3">snfangsdgirngorihniohnothont</div>

如果你的div的id是按编号1,2,3这样生成的，如下：
<script>
function Click(cs)
{
var ContentId="AnswerContent"+cs.substring("Answer_");
if(document.getElementById(ContentId).style.display=="none")
document.getElementById(ContentId).style.display="";
else
document.getElementById(ContentId).style.display="none"
}
</script>
如果你的div的id是按编号是固定的,那就更简单了:
<script>
function Click(cs)
{
if(document.getElementById("AnswerContent_3").style.display=="none")
document.getElementById("AnswerContent_3").style.display="";
else
document.getElementById("AnswerContent_3").style.display="none"
}
</script>

[snyyh5]

moz:
obj.setAttribute("style", "visibility:hidden;height:0px");

ie:
obj.style.visibility = 'hidden';
obj.style.height = "0px";

[kfps8kfps8]

[Quote=引用 9 楼 endyli 的回复:]
楼主，这么简单的东西，为什么要写的这么复杂：
<div id="Answer_3" onClick="Click(this.id)">asdaf </div>
<div id="AnswerContent_3">snfangsdgirngorihniohnothont </div>

如果你的div的id是按编号1,2,3这样生成的，如下：
<script>
function Click(cs)
{
var ContentId="AnswerContent"+cs.substring("Answer_");
if(document.getElementById(ContentId).style.display=="none")
document.getElementById(Conten…
[/Quote]
嗯

[junior_wu]

学习中！

[knightwayne]

倒不是visibility用错了
style.visibility
和style.display都是可以用来隐藏div的,区别在,前者隐藏后还保留一定的物理位置,即如果是一个DIV被隐藏,那一块还是空着的,后面的内容无法缩进,而后者则可以缩进.
因为LZ的DIV是动态添加的所以用后者比较合适.

[amass1024]

[Quote=引用 1 楼 ojekleen 的回复:]
document.getElementById("contentTag").style.display="none";//隐藏
document.getElementById("contentTag").style.display="block";//显示
[/Quote]

应该是下面

document.getElementById(contentTag).style.display="none";//隐藏 
  document.getElementById(contentTag).style.display="block";//显示 

非常感谢大家的热情帮助，问题解决，谢谢！

[chenxvhua]

谢谢，我正要这个功能