我有5个DIV，ID分别为div1,div2,div3...我用JS做个逐个显示的效果。
document.getElementById("div1").style.display="block";
你看我理解的对不对啊，
初始情况是下面这种:132想要的结果：123
Css and Js
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
</style>
<script type="text/javascript">
var i = 1;
function showDiv(id){
document.getElementById("div"+id).style.display='block';
i++;
if(i>5){
return false;
}
}
</script>
Html
<body>
<input type="button" value="click me" onclick="showDiv(i)" />
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
</body>
首先5个DIV都隐藏。然后点击一次。
var i=1;
function show(i){
document.getElementById("div" + i).style.display = "none";
i++;}
Css and Js
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
</style>
<script type="text/javascript">
var i = 1;
function showDiv(id){
document.getElementById("div"+id).style.display='block';
i++;
if(i>5){
return false;
}
}
</script>
1
2
3
4
5
6
7
8
9
Html
<body>
<input type="button" value="click me" onclick="showDiv(i)" />
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
</body>
我有5个DIV,ID分别为div1,div2,div3...我用JS做个逐个显示的效果。
<body> <input type="button" value="click me" onclick="showDiv(i)" \/> <div id="div1">1<\/div> <div id="div2">2<\/div> <div id="div3">3<\/div> <div id="div4">4<\/div> <div id="div5">5<\/div> <\/body> ...
老师您好,我想问下css样式里面同时设置5个不同id的div样式
三个用逗号隔开写#slider ul li,#my ul li,.pk ul li{border-bottom:1px dashed #A9A9A9; margin-left:10px:} 又或者给三个ul定义一个类名class=“my-ul”，然后这样.my-ul{border-bottom:1px dashed #A9A9A9; margin-left:10px:} ...
js定时控制多个div自动切换 5个div,只显示一个,其余4个隐藏,用js控制每...
<div id="div2" style="display:none;"><img src="图片" \/><\/div> <div id="div3" style="display:none;"><img src="图片" \/><\/div> <div id="div4" style="display:none;"><img src="图片" \/><\/div> <div id="div5" style="display:none;"><img src="图片" \/><\/...
如何写下面这段PHP代码?
} } 上述代码中，首先使用for循环遍历5个id分别是buttun1到buttun5的div，通过driver.findElement(By.id("buttun" + i))方法获取对应的WebElement对象。然后，通过div.findElement(By.tagName("dof"))方法找到div中的dof标签，再通过getAttribute("value")方法获取dof的值，并转换成int类型。接着，...
一个Div中有很多Div,如何用JavaScript获取第一个Div并改变这个Div颜色...
首先给那个最外面的DIV一个ID，比如ID=“xx”;document.getElementById("xx").getElementsByTagName("div").item(0).style.backgroundColor = "red";
页面中存在多个div,如何实现单击实现取得其中一个的值!
<div id="a" onclick="f(this);">1<\/div> function f(e){ alert(e.innerHTML);} 把this当做参数传入然后调用。第二个算是混合类型的。严格来说不算是DOM2级。function f(){ alert(event.srcElement.innerHTML);} <div id="a" onclick="f();">1<\/div> 获取事件源。这里有兼容...
DIV布局如何正确的使用 id 和 class求解答
OK，我们会用两个div来表示它们。问题来了，应该使用id还是class？按照常规的理解，一个页面只会有一个主栏，一个侧栏咯，所以当然应该用id。文档写成这：<div id=main-col<\/div <div id=side-col<\/div main-col { float: left; width: 700px;} side-col { float: right; width: 200px;...
点击div id=5 把div的内容 放到 div id=6中
如果要替换6中内容，就直接= 添加就+=
求js代码,同时替换多个ID相同的DIV的内容
id的值只能是唯一的．所以一个网页中不能出现两个或以上的相同id．改用name吧 <div name="date"><\/div> <div name="date"><\/div> <div name="date"><\/div> <div name="date"><\/div> <script language='javascript'> var myDate = new Date();var localDate = myDate....
jquery 动态添加div同时给div增加了一个id,然后想通过这个id把这个di...
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：var a = 125;$('body').append('<div id="id' + a +'">hello<\/div>');3、浏览器运行index.html页面，此时动态添加div成功。4、再输入js代码：$('#id' + a)...
再种诺丽： 给设置了float的div再加一个外框div,然后设置外框div居中.具体方法:<div id=＂div1＂> <div id=＂floatdiv＂> </div></div><style>#div1{ margin:0 auto;//设置外框div居中 }</style>
长汀县13530148501： Jquery为DIV添加点击事件,怎么弄 - ？
再种诺丽： Q:<br> 我现有5个DIV 它们的ID都是one<br>< div id=＂one＂>1</div><br>< div id=＂one＂>2</div><br>< div id=＂one＂>3</div><br>< div id=＂one＂>4</div><br>< div id=＂one＂>5</div><br>怎么为这5个DIV绑定点击事件,当点击第1个div时弹出提示1,第2个div时弹出提示2,依次类推....<br><br>A:<br> $('div').click(function () {<br> alert(this.innerText);<br> });<br><br>还有就是div的id不要都一样.
长汀县13530148501： 从数据库读值,用值控制DIV的显示和隐藏. - ？
再种诺丽： 我就不写取出数据的过程了,假设取出了var codes;1. 在css里把所有的5块div设为display: none;2. 在javascript里,设置第code块显示出来.$($('div')[code-1]).css('display','block');
长汀县13530148501： 需求一个js ,原有5个隐藏的div,一个按钮,点击一次按钮显示一个div,再点一次就再显示一个 - ？
再种诺丽： <body> <input type=＂button＂ id=＂btn＂ value=＂click＂ /> <div id=＂div1＂ style=＂width:50px; height:50px; background:red; display:none＂></div> <div id=＂div2＂ style=＂width:50px; height:50px; background:yellow; display:none＂></div> ...
长汀县13530148501： 老师您好,我想问下css样式里面同时设置5个不同id的div样式 - ？
再种诺丽： 三个用逗号隔开写#slider ul li,#my ul li,.pk ul li{border-bottom:1px dashed #A9A9A9; margin-left:10px:}又或者给三个ul定义一个类名class=“my-ul”,然后这样.my-ul{border-bottom:1px dashed #A9A9A9; margin-left:10px:}
长汀县13530148501： 提供HTML代码如下: <div id=”div1”></div> <div id=”div2”></div> <div id=”div3”></div> - ？
再种诺丽： 3个div浮动之后添加清除浮动
长汀县13530148501： 假设我有8个div是竖着排列的 分别写着不同的文字 怎么让他们的排列顺序是随机的 - ？
再种诺丽： 排序的div 你可以用 id 来表标识.id=＂content＂的做容器 <div id=＂content＂></div><div id=＂div1＂></div><div id=＂div2＂></div><div id=＂div2＂></div><div id=＂div4＂></div><div id=＂div5＂></div><div id=＂div6＂></div><div id=＂div7...
长汀县13530148501： 多个div的显示与隐藏 - ？
再种诺丽： <div id=＂div1＂ style=＂display:none＂ onclick=＂Check(1)＂>div1</div>//隐藏<div id=＂div2＂ style=＂display:none＂onclick=＂Check(2)＂>div2</div>//隐藏<div id=＂div3＂ style=＂display:block＂onclick=＂Check(3)＂>div3 </div>//显示//js ...
长汀县13530148501： js:比如有5个div(li、a 、span),让5个div每隔一段时间显示其中一个,隐藏其他四个.满意给加30. - ？
再种诺丽： <style> div{ width:100px; height:100px; border:1px solid #000; display:none;}</style><div id=＂div1＂>div1</div><div id=＂div2＂>div2</div><div id=＂div3＂>div3</div><div id=＂div4＂>div4</div><div id=＂div5＂>div5</div><script> function ...
长汀县13530148501： 用javascript做的按钮怎么取返回值啊?？
再种诺丽： 你提供的信息不太完整,不过这里我可以给你提供个思路,你可以在这个基础上自己扩充: 1. 假如说有个DIV,id为:div1;以及一个button:id=button1;同时,我们准备两个css样式,class名称分别为:cssStyle1和cssStyle2;并把cssStyle1设置...
