css切换div，css切换主题

想用JavaScript实现DIV样式切换

1、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签创建两行文字，用于测试。在test.html文件内，设置div标签的id为mytest，主要用于下面通过该id获得div对象。

2、首先要获取div标签 对div标签样式进行修改 例如：1234scriptvar div1 = document.getElementById(div1)；//获取Id为div1的divdivstyle.background = red；//将Id为div1的div背景颜色设置为红色。

3、思路：两个div先都写好，一个现实，一个隐藏，当点击时，让另一个现实，当前隐藏就好了。下面是简单的实现方式，仅提供思路。

4、原理：就是讲全部的div都隐藏只有点击的div显示。

相关问答

Q1: CSS能将上下两个DIV的位置对换吗

可以使用css中的position来对div进行定位来改变div的位置，position 属性值的含义：static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

我也在找怎么实现div3相对div1进行定位，之前我自己做了一个容器，让每个div3显示在div1正右边同一个位置，思路是：每个div2和div3里面的内容都写成静态代码。设置div3相对于div2进行独立定位position：absolute。

div2设置为position：absolute，此时的div2就相对于div1进行基准定位了。。因为绝对定位position：absolute，不在标准流中，所以内联元素不知到他的位置，会跑到他的下面去。。

div class=div1 div class=div2/div div class=div3/div /div 先确定div1的大小。

设计模式还是浏览器模式，如果浏览器模式是这样请发代码看看。

看看 两个div的css用 有没有 float： 或 position： 之类的属性，他们都有可能导致。

Q2: 如何更换div+css布局

1、这个比较有难度 需要熟悉CSS与DIV的相关知识才行。

2、可以采用楼上的方案，是用浮动布局。也可以采用绝对定位与浮动布局的结合。

3、DIV CSS网页布局时不要依赖min-width/min-height Windows版IE并不支援两种语法。但是在某种程度下，windows版IE可以达到相当于min-width/min-height的效果，所以只要对IE做点过滤功能，即可达到您想要的结果。

4、边界重合时利用padding或border来避免。可能会为了一点不应该出现的空间而焦头烂额，或者需要一点点空间时，怎样都挤不出来。假如有用到margin，那么很轻易产生边界的重合。

css切换div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css切换主题、css切换div的信息别忘了在本站进行查找喔。