Javascript改变div的宽度onclick [英] Javascript change width of div onclick
本文介绍了Javascript改变div的宽度onclick的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试着做三件事: onclick
:
- 有元素
id =notes_content
更改display:none to
display:block
- 的元素含有
id =oct
changewidth =1190px
到width =550px
- 包含
class =oct_days code> change
width =168px
towidth =73px
- 的元素含有
完整代码的小提琴: http:// jsfiddle .net / ascottz / jX3wh /
前两个发生,但第三个不发生。我怀疑这是一个语法错误,但我自己无法理解。
解决方案
getElementsByClassName
返回一个dom元素数组,它不是单个实例。您必须遍历数组并对每个元素进行样式设置。
查看更新的小提琴。
for(var i = 0; i days [i] .style.width =73px;
}
I'm trying to do three things onclick
:
- have element with
id="notes_content"
changedisplay:none
todisplay: block
- have element with
id="oct"
changewidth = "1190px"
towidth = "550px"
- have elements with
class="oct_days"
changewidth = "168px"
towidth = "73px"
Fiddle of full code: http://jsfiddle.net/ascottz/jX3wh/
The first two happen, but the third does not. I suspect it is a syntax error, but can't catch it myself.
解决方案
getElementsByClassName
returns an array of dom elements, it is not a single instance. You must loop over the array and style each element.
Have a look at the updated fiddle.
for( var i = 0; i < days.length; i++ ){
days[i].style.width = "73px";
}
这篇关于Javascript改变div的宽度onclick的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文