如何设置一个隐藏的div

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置一个隐藏的div相关的知识,希望对你有一定的参考价值。

是<div type="hidden" id="ridd">$ridd</div>么?
还有我想取这个div里的内容 就是 $ridd 用jquery怎么取?

document.getElementByID(\'continue\').onclick = function()
    //找到所有的div
    var div = document.getElementByTagName(\'div\');
 
    //循环div,找到处于显示状态的div将其隐藏,并将其下一个div显示
    for(var i=0,len = div.length;i<len;i++)
        if(div[i].style.display === \'block\')
            div[i].style.display = \'none\';
            div[i+1].style.display = \'block\';
            break;
        
    

 
document.getElementByID(\'back\').onclick = function()
    //找到所有的div
    var div = document.getElementByTagName(\'div\');
 
    //循环div,找到处于显示状态的div将其隐藏,并将其下一个div显示
    for(var i=0,len = div.length;i<len;i++)
        if(div[i].style.display === \'block\')
            div[i].style.display = \'none\';
            div[i-1].style.display = \'block\';
            break;
        
    
参考技术A <div style="display:none" id="ridd">$ridd</div>

获取内容
$"#ridd“.html();本回答被提问者采纳

div 设置隐藏后,在页面仍然占位,如何不让它占位

参考技术A

1、首先我们打开html开发软件,新建一个html文件。

2、在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show。

3、然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,给这个div设置一个id,在案例中设置案例的id为hide。

4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。

5、为button按钮添加一个点击后隐藏事件。点击button按钮后,把隐藏的div的display修改为block,这样点击后div就会显示了。

6、保存好html后使用浏览器打开,点击button按钮就会发现隐藏的div就会显示出来了。

以上是关于如何设置一个隐藏的div的主要内容,如果未能解决你的问题,请参考以下文章

如何设置一个DIV在网页中显示几秒然后自动隐藏消失?

如何设置 div 的样式以使里面的表格部分隐藏并且可以滚动

如何根据数据库值显示设置访问权限和显示/隐藏 div

如何实现js控制div的隐藏及显现

如何使div中的图片自适应宽度和高度,图片不变形,可以超出div,超出部分隐藏

如何使div中的图片自适应宽度和高度,图片不变形,可以超出div,超出部分隐藏