4

我的 CSS：

#a_x200{
    visibility: hidden;
    width: 200px;
    height: 200px;
    background-color: black;
}

我的 JS：

<script type="text/javascript">
    function show(id) {
        document.getElementById(id).style.display = 'block';
    }
</script>

我的 HTML 

<div id="a_x200">asd</div>
<innput type="button" class="button_p_1" onclick="show('a_x200');"></input>

不工作我想我错过了什么！

4

6 回答 6

11

尝试这个：

document.getElementById('a_x200').style.visibility = 'visible';
于 2012-12-12T09:45:22.670 回答
3

你可以试试这段代码：

HTML Code:
        <div id="a_x200" style="display:none;">asd</div>
        <input type="button" class="button_p_1" onclick="showStuff('a_x200');"></input>

Java script:

<script type="text/javascript">
function showStuff(id) {
        document.getElementById(id).style.display = "block";
}
</script>

试试这个代码，它会解决你的问题。

于 2012-12-12T10:02:03.920 回答
2

在这里，您可以看到我在 jquery Show/Hide 中使用 jquery创建的一个示例。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<style>
.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none;
}

</style>
<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

</script>

<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>​
于 2012-12-12T09:55:43.470 回答
2

您visibility: hidden用来隐藏它，然后尝试使用displayCSS 属性使其可见。它们是两个完全独立的属性，改变一个不会神奇地改变另一个。

如果要使其再次可见，请将visibility属性的值更改为visible：

document.getElementById('a_x200').style.visibility = 'visible';
于 2012-12-12T09:45:16.283 回答
1

你的输入是错过spled

应该是这样的：

我的JS

<script type="text/javascript">
function showStuff(a_x200) {
        document.getElementById(a_x200).style.display = 'block';
}
</script>

我的 HTML

<div id="a_x200">asd</div>
<innput type="button" class="button_p_1" onclick="showStuff('a_x200');"></input>
于 2012-12-12T09:43:31.090 回答
1

尝试这个...

function showStuff(id) {
    document.getElementById(id).style.display = 'block'; // OR
    document.getElementById(id).style.visibility = 'visible'; 
}

编辑

如果您注意到您的按钮单击onclick="showStuff('a_x200');"。您已经将 id 作为参数发送给您的函数..所以我正在使用该参数并使用它。

在你的情况下有参数但没有使用它......虽然它做同样的事情......

或者你可以这样做

<input type="button" class="button_p_1" onclick="showStuff();"></input>  // omitting double 'n'

function showStuff() {
    document.getElementById('a_x200').style.display = 'block';
}  // missing curly bracket

这两者都做同样的事情

于 2012-12-12T09:43:55.863 回答