Question

我想在初始打开HTML文件时将段落设置为“display：none”。然后使用javascript代码显示/隐藏它。这是我到目前为止所写的内容

HTML：

<hide1 class="inner" style="display.none;">
    <p>hello</p>
</hide1>

JavaScript的：

function tr1(obj)
    {
    var inner = document.getElementsByTagName("hide1")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }

Hello显示我打开文件然后从显示切换到隐藏。我希望它默认隐藏，并从隐藏切换到显示。

Answer 1

display.none;分配内联样式的方法不正确。

使用display:none;代替display.none;。

<hide1 class="inner" style="display:none;">
    <p>hello</p>
</hide1>

注意：<hide1></hide1>它不是有效的html标记。

试试这个：

HTML：

<div class="inner" style="display:none;">
    <p>hello</p>
</div>
<input type="button" value="Click Here" onclick="toggle()">

Jquery的

function toggle(){
 $('.inner').toggle();
}

Working Fiddle

Answer 2

<hide1 class="inner" style="display:none;">
    <p>hello</p>
</hide1>

显示：无可以帮您解决问题

修改使用以下功能切换可见性

function toggle(obj) { var el = document.getElementById(obj); el.style.display = (el.style.display != 'none' ? 'none' : '' ); }

/ *根据您的问题，在您的情况下，e1 = document.getElementsByTagName（＆＃34; hide1＆＃34;）[0]; * /

基本IDEA背后是：

// showing document.getElementById('element').style.display = ''; // hiding document.getElementById('element').style.display = 'none';

再次编辑

function toggle() { var el = document.getElementsByTagName("hide1")[0]; el.style.display = (el.style.display != 'none' ? 'none' : '' ); }

Answer 3

<a href="#" class="link">Click</a>
<hide1 class="inner">
    <p>hello</p>
</hide1>

的JQuery：

$('.link').on( 'click', function( e ) {
  e.preventDefault();
    if($('.inner').is(':visible')){
        $('.inner').hide();
    }
    else
    {
         $('.inner').show();
    }
});

CSS：

.inner{
    display:none;
}

您在css样式中缺少＆＃39;：＆＃39; 。

演示：

http://jsfiddle.net/CXc49/

为文本部分设置默认显示：无

3 个答案: