文章内容
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设置元素高度和宽度
评论列表