文章内容

2017/11/3 14:24:08,作 者: 黄兵

原生javascript设置元素高度和宽度

最近写一个手机网站,要设置元素的高度和宽度,可以使用style.width="50px"style.height="50px"

详细代码如下:

var elem_ppdoThree_width=document.getElementsByClassName('ppdoThree_con_ul')[0].offsetHeight;
var elem_ppdoThree_height=document.getElementsByClassName('ppdoThree_con_ul')[0].offsetWidth;
document.getElementsByClassName('ppdoThree_con_right')[0].style.height=elem_ppdoThree_width+"px";
document.getElementsByClassName('ppdoThree_con_right')[0].style.width=elem_ppdoThree_height-1+"px";
var elem_ppdoFour_width=document.getElementsByClassName('ppdoFour_d_d fl_l')[0].offsetHeight;
var elem_ppdoFour_height=document.getElementsByClassName('ppdoFour_d_d fl_l')[0].offsetWidth;
document.getElementsByClassName('ppdoFour_right')[0].style.height=elem_ppdoFour_width-1+"px";
document.getElementsByClassName('ppdoFour_right')[0].style.width=elem_ppdoThree_height-1+"px";

参考资料:

javascript 的 style.width 取不到元素的宽度值

黄兵个人博客原创。

转载请注明出处:黄兵个人博客 - 原生javascript设置元素高度和宽度

分享到:

发表评论

评论列表