容器的实际蜂蜜可用金属容器存放高度和宽度的属性

来源：蜘蛛抓取(WebSpider) 时间：2016-05-06 02:59 标签： js获取容器宽度
君，已阅读到文档的结尾了呢~~
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
CSS容器属性
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口你未必知道的CSS小知识：元素竖向的百分比设定是相对于容器的宽度，而不是高度 – WEB骇客js/jquery获取容器高度宽度代码-jquery-网页制作-壹聚教程网js/jquery获取容器高度宽度代码
我们要经常会碰到要获取当前div的高度或宽度然后进行一些操作，下面我来介绍利用js与jquery分别获取div高度宽度代码同，有需要的朋友可参考。
我们在js获取容器高度与宽度都是如下
&div id='div' style='width:20'&&/div&
&script type='text/javascript'&
alert(document.getElementById('div').style.width); //return 20px
alert(document.getElementById('div').style.height); //return 空
后来有了jquery，就可以很方便快速的写了：
$('div').width()
而且取到的值是整型，省了parseInt函数。
虽然大多数时候
$('div').css('width')
获取的值都是实际宽度值，但经过测试，有时候也会有误差，甚至不同浏览器又不同的结果。而最保险的还是
$('div').width()
写法比较靠谱！
这个方法相当好，可以返回外部style文件里的属性。但是有个缺点，就是不能正确返回没有定义的属性值。
//offsetHeight & offsetWidth
//if NO DocType & IE
//var other = borderTop + borderBottom + paddingTop + paddingB
//offsetHeight = height&other? height:
//if HTML & XHTML DocType & IE & Mozilla
//offsetHeight = height + paddingTop + paddingBottom + borderTop + borderB
//如：alert(document.getElementById('div').offsetHeight + 'px')
这样可以很好的获得宽度和高度了
下面分享一个js的写法
runtimeStyle&& 运行时的样式！可覆盖style的属性！
currentStyle&& 指 style 和 runtimeStyle 的结合！
&style&#div{width:20}&/style&
&div id='div'&&/div&
&script type='text/javascript'&
alert(document.getElementById('div').currentStyle.width); //return 20px
alert(document.getElementById('div').currentStyle.height); //return auto
//if Mozilla
alert(getComputedStyle(document.getElementById('div'), '').width); //return 20px
alert(getComputedStyle(document.getElementById('div'), '').height); //return 0px
上一页： &&&&&下一页：相关内容VB程序设计语言期末复习题_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
VB程序设计语言期末复习题
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
下载文档到电脑，查找使用更方便
还剩24页未读，继续阅读
你可能喜欢Canvas如何继承div容器的高度和宽度？
按投票排序
这个问题是一年前提的，都忘了自己把坑补上...就像 Hax 大大和苏润梓师兄在讨论区里说的一样， Canvas 的 height 和 width 是它自己的两个属性( attr )，而并不是 CSS 里面 box 的宽和高。而因为我在 CSS 里面给 Canvas 的选择器设置了宽高，所以直接影响了 Canvas 的实际显示效果。所以要动态给 Canvas 设置宽高其实只需要去掉选择器里面的宽高设置，然后在 Js 里面将父元素的宽高赋值给它即可：var canvas = document.getElementById('Canvas');
// JavaScript 版
canvas.setAttribute('height', 它爸的高);
或者：canvas.height = 它爸的高;
canvas.setAttribute('width', 它爸的宽);
或者：canvas.width = 它爸的宽;
// jQuery 版
$(canvas).attr('height', 它爸的高);
$(canvas).attr('width', 它爸的宽);
谢谢评论区的各位。
已有帐号？
无法登录？
社交帐号登录

我要回帖

更多关于 js获取容器宽度 的文章

 

随机推荐