javascript - DIV 的显示和隐藏选项(需要修改)

Question

JavaScript - 使用链接和 CSS 显示或隐藏 div

这里是用java脚本显示和隐藏DIV

代码

<a onclick="document.getElementById('div_name2').style.display = '';
            return false;" 
       href="" style="text-decoration:none;border-bottom:1px dotted blue;">
        Show more...</a>
    <br />
    <div id="div_name2" style="display:none;margin:15px 15px 0px 15px;padding:5px;border:1px solid #aaa;">
        This is more information placed in our hidden div.  
        When you click on the "hide" link this DIV area will disappear:  
        <a onclick="document.getElementById('div_name2').style.display = 'none';
                return false;" href="" 
           style="text-decoration:none;border-bottom:1px dotted blue;">hide</a>
    </div>

这是我正在使用的代码

• 现在我需要的是当页面加载时我需要DIV可见
• 如何在加载页面时使 DIV 可见

错误

当我加载这个页面时，div 是隐藏的我如何让 div 可见？？？

Answer 1

试试这段代码:

<a onclick="document.getElementById('div_name2').style.display = 'block';
            return false;" 
       href="" style="text-decoration:none;border-bottom:1px dotted blue;">
        Show more...</a>
    <br />
    <div id="div_name2" style="display:block;margin:15px 15px 0px 15px;padding:5px;border:1px solid #aaa;">
        This is more information placed in our hidden div.  
        When you click on the "hide" link this DIV area will disappear:  
        <a onclick="document.getElementById('div_name2').style.display = 'none';
                return false;" href="" 
           style="text-decoration:none;border-bottom:1px dotted blue;">hide</a>
    </div>

你应该给你的 div 属性“display:block”，以便在网站加载时显示它。现在，当您点击您的链接时，您应该将 display 设置为 none 以隐藏 div_name2