js不能获取隐藏的div的宽度只能先显示后获取

2014-06-10  来源:本站原创  分类:javascript技巧  人气:0 

js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置,下面的示例,大家可以参考下

var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取
var windowWidth = $(window).width();
$(".Loading").css({ "display": "block" }); //再显示
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });

我要获取一个根据内容自适应宽度的div的实际宽度,这个div初始是隐藏的,我要获取它的实际宽度,对他进行居中操作,弄了很长时间,总是获取不到该div的真实宽度,后来发现js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置

$(".Loading").css({ "display": "block" });// 先显示
var tipsWidth = $(".Loading").css("width").replace("px", "") //再获取
var windowWidth = $(window).width();
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });
相关文章
  • js不能获取隐藏的div的宽度只能先显示后获取 2014-06-10

    js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置,下面的示例,大家可以参考下 var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 var windowWidth = $(window).width(); $(".Loading").css({ "display": &quo

  • javascript获取隐藏元素(display:none)的高度和宽度的方法 2014-12-10

    这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下 js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象.样式特性 return obj.currentStyle?obj.currentStyle[attribute]:document.defaultVie

  • 获取鼠标在div中的相对位置的实现代码 2013-12-20

    如何获取鼠标在div中的相对位置,其实是很简单,下有个不错的示例,感兴趣的朋友可以参考下 <HEAD> <TITLE> JS获取DIV相对坐标</TITLE> <script type="text/javascript"><!-- function getX(obj){ var parObj=obj; var left=obj.offsetLeft; while(parObj=parObj.offsetParent){ left+=

  • html 锁定页面(js遮罩层弹出div效果) 2014-02-07

    html 锁定页面(js遮罩层弹出div效果),需要的朋友可以参考下. <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <scr

  • JQuery实现点击div以外的位置隐藏该div窗口 2014-09-21

    鼠标点击div外的地方让div窗口隐藏消失,实现方法有很多,在本文将为大家介绍下jquery中时如何实现的,感兴趣的朋友不要错过了哈 jquery实现鼠标点击div外的地方div窗口隐藏消失的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x

  • javascript获取隐藏dom的宽高 具体实现 2014-10-13

    一个隐藏的DOM是获取不到宽高的,如果想要获取,采用下面的方法: 首先clone一个DOM,设置position:absolute,然后设置top为一个比较大的负值,然后使其显示出来,最后获取到了DOM的宽高后,将其remove. 具体代码如下: Js代码 function getCss(elem, css){ if (window.getComputedStyle) { return window.getComputedStyle(elem, null)[css]; }else if (ele

  • JS在可编辑的div中的光标位置插入内容的方法 2015-01-21

    这篇文章主要介绍了JS在可编辑的div中的光标位置插入内容的方法,分别用js与jQuery两种方式加以实现,是非常实用的特效技巧,需要的朋友可以参考下 本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑

  • JS control display and hide DIV layer 2010-07-22

    JS DIV layer with the hidden control and display. Page three DIV layer, three super link to realize the function is to click on a link to display the corresponding DIV layer, while the other two hidden DIV layer. Example code is as follows: Example 1

  • JS mouse events to draw DIV 2010-09-18

    <! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quo

  • JQuery控制div外点击隐藏而div内点击不会隐藏的方法 2014-02-07

    这篇文章主要介绍了JQuery控制div外点击隐藏而div内点击不会隐藏的方法,涉及show.hide及stopPropagation等方法的使用技巧,需要的朋友可以参考下 本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法.分享给大家供大家参考.具体如下: 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: $("#body").click(function(e) { $(this).show(); e.st

  • js 为label标签和div标签赋值的方法 2014-03-23

    这篇文章介绍了js 为label标签和div标签赋值的方法,有需要的朋友可以参考一下 在html中,label是没有value属性的, 他与div以及其他大部分html元素一样,有innerText和innerHTML属性 不能document.getElementByID("test").value="chenhuang"; 应该是下面的 <labelid="test"></label> document.getElem

  • JS+CSS实现带关闭按钮DIV弹出窗口的方法 2014-07-01

    这篇文章主要介绍了JS+CSS实现带关闭按钮DIV弹出窗口的方法,实例分析了div弹出层窗口的实现技巧,非常具有实用价值,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS+CSS实现带关闭按钮DIV弹出窗口的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>JS+CSS实现带关闭按钮的DIV弹出窗口</title> <script> function locking(){ document.a

  • IE6下js通过css隐藏select的一个bug 2014-10-12

    想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估计和上面的bug根由是一样的 今天遇到一个问题, 当隐藏表格行 Tr 时 $id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");, 表格行 Tr 里面的 select 在 IE6 中隐藏不了,还是会显示在页面当中.想单独设置 select 的样式为隐藏 $id("new_attpm_i

  • js控制容器隐藏出现防止样式变化的两种方法 2015-01-06

    这篇文章主要介绍了js控制容器隐藏出现防止样式变化的两种方法,需要的朋友可以参考下 方法一: document.getElementById("控件ID").style.visibility="hidden"; document.getElementById("控件ID").style.visibility="visible"; 方法二: 复制代码 代码如下: document.getElementById("控件I

  • 点击页面其它地方隐藏该div的两种思路 2015-03-25

    在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序..详情请参考本文 思路一 第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. <script type="text/javascript"> function s

  • android 获取屏幕或View的宽度和高度 2013-03-26

    在Activity中获取屏幕的高度和宽度 Display display=getWindowManager().getDefaultDisplay(); int width=display.getWidth(); int height=display.getHeight(); 在重写ViewGroup中获取屏幕的有效宽度和高度在OnMesure方法中 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { i

  • 获取浏览器可视区域的宽度和高度 2013-08-01

    一直都使用window.innerWidth和document.body.clientWidth获取window可视区域的宽度,查阅网上得到的结果是这样一个通用解决方案: var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || d

  • 关于Div的宽度与高度的100%设定 2015-03-11

    正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题! 其实,要弄懂div宽度|width100%.div高度|height100%到底是怎么实现的,只需弄懂一个简单的问题就可以了,即100%的基数是谁,就是这个100%是相对于谁的width.height来说是100%? div的

  • php curl登陆qq后获取用户信息时证书错误 2013-12-08

    这篇文章主要介绍了php curl登陆qq后获取用户信息时证书错误,需要的朋友可以参考下 今晚开放ecmall商城的QQ登陆功能,在回调时产生错误,file_get_contents函数执行时,没有抓取到正确的信息,于是改用curl,但是提示证书错误. 在网上找到了解决方法,就是去掉证书认证. curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); 该种方法

  • php更新mysql后获取改变行数的方法 2015-01-30

    这篇文章主要介绍了php更新mysql后获取改变行数的方法,分析了获取更新mysql后改变行数的方法以及发生异常的解决方法,具有一定的参考借鉴价值,需要的朋友可以参考下 本文实例讲述了php更新mysql后获取改变行数的方法.分享给大家供大家参考.具体分析如下: 一个php更新mysql后获取改变的行数,在php中提供mysql函数来获取最后执行查询所影响的记录数:mysql_affected_rows(), 返回最近一次与 连接句柄 关联的 INSERT,UPDATE 或 DELETE 查询所