Question

这不是我能说的最好的语法问题（其他JS函数调用在同一页面上运行得很好）。

它问的第一个问题是，如果某个特定的DIV id的display属性设置为“none”（它确实如此），如果是，它应该将其设置为“block”（以及其他一些东西），但绝对没有任何反应。我为不同的网站编写了这个函数，它在那里工作得很好，现在......什么都没有。我把头发拉出来！提前谢谢......

        function showHideFooter(FooterLinkP,FooterLinkSPAN)
        {   
            var DIV = document.getElementById('FooterLinksContentDIV');
            var P = document.getElementById(FooterLinkP);
            var SPAN = document.getElementById(FooterLinkSPAN);

            if (DIV.style.display == 'none')
            {
                DIV.style.display = 'block';
                P.style.display = 'block';
                SPAN.style.border = '1px solid #606060;';
                SPAN.setAttribute('style','background: url("img/navlinkhoverbg.jpg")');
            }
            else if ((DIV.style.display == 'block') && (SPAN.style.border !== 'transparent'))
            {
                P.style.display = 'none';
                DIV.style.display = 'none';
                SPAN.style.background = 'transparent';
                SPAN.style.border = 'transparent';
                SPAN.setAttribute('style','background:hover:url("img/navlinkhoverbg.jpg")');
                SPAN.setAttribute('style','border:hover: 1px solid #606060;');
            }
            else
            {
                var number = 1;

                var contentArray = new Array();
                contentArray[0] = '<? echo METHODS::footerPopulator(1,'title');?>';
                contentArray[1] = '<? echo METHODS::footerPopulator(2,'title');?>';         
                contentArray[2] = '<? echo METHODS::footerPopulator(3,'title');?>';
                contentArray[3] = '<? echo METHODS::footerPopulator(4,'title');?>';
                contentArray[4] = '<? echo METHODS::footerPopulator(5,'title');?>';
                contentArray[5] = '<? echo METHODS::footerPopulator(6,'title');?>';
                contentArray[6] = '<? echo METHODS::footerPopulator(7,'title');?>';
                contentArray[7] = '<? echo METHODS::footerPopulator(8,'title');?>';
                contentArray[8] = '<? echo METHODS::footerPopulator(9,'title');?>';

                for (section in contentArray)
                {
                    document.getElementById(contentArray[section]).style.display = 'none';

                    while (number <= 9)
                    {
                        document.getElementById(number).style.background = 'transparent';
                        document.getElementById(number).style.border = 'transparent';
                        document.getElementById(number).setAttribute('style','background:hover:url("img/navlinkhoverbg.jpg")');
                        document.getElementById(number).setAttribute('style','border:hover: 1px solid #606060;');
                        number++;
                    }   
                }
                P.style.display = 'block';
                SPAN.style.border = '1px solid #606060;';
                SPAN.setAttribute('style','background:url("img/navlinkhoverbg.jpg")');
            }
        }

更新：

<SPAN class="FooterLinkSPAN" id="1">
<A href="#links" onclick="showHideFooter('<? echo METHODS::footerPopulator(1,'title'); ?>','1');" class="footerLinks"><? echo METHODS::footerPopulator(1,'title');?></A>
</SPAN>

if和else if语句中的警告不会产生任何结果，但会弹出else语句，因此它会考虑前两个块是假的......但它们不是。我不明白。但是你们快点回答！这个网站很棒！

Answer 1

您可能在CSS中设置了display:none，而不是内联元素。如果只是在CSS中，DIV.style.display将是""而不是"none"。

如果是这种情况，请将第一个if()语句更改为此...

if (!DIV.style.display || DIV.style.display == 'none')
        {

当我点击调用此功能的链接时为什么没有发生？

1 个答案: