知识大全 javascript获取隐藏dom的宽高 具体实现
Posted 知
篇首语：我们用人生最好的年华做抵押，去担保一个说出来都会被人嘲笑的梦想。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 javascript获取隐藏dom的宽高 具体实现相关的知识，希望对你有一定的参考价值。
一个隐藏的DOM是获取不到宽高的 如果想要获取 采用下面的方法首先clone一个DOM 设置position:absolute 然后设置top为一个比较大的负值 然后使其显示出来 最后获取到了DOM的宽高后 将其remove 具体代码如下 Js代码
复制代码 代码如下: function getCss(elem css) if (window getComputedStyle) return window getComputedStyle(elem null)[css]; else if (elem currentStyle) return elem currentStyle[css]; else return elem style[css]; function getWH(dom) var get = function(elem) var wh = ; Width Height replace(/[^ ]+/g function(i) var a = i toLowerCase(); wh[a] = elem[ offset + i] || elem[ client + i]; ); return wh; ; if (getCss(dom display ) === none ) var nDom = dom cloneNode(true); nDom style position = absolute ; nDom style top = px ; nDom style display = block ; document getElementsByTagName( body )[ ] appendChild(nDom); var wh = get(nDom); nDom parentNode removeChild(nDom); return wh; return get(dom); //test console log(getWH(document getElementById( content ))); var domA = document createElement("a") _ostyle = "position:absolute;z index: ;width: px;height: px;position:absolute;display:none;"; domA setAttribute("style" _ostyle); domA style cssText = _ostyle; domA setAttribute("href" "javascript:void( );"); document getElementsByTagName( body )[ ] appendChild(o); console log(getWH(domA)); function getCss(elem css) if (window getComputedStyle) return window getComputedStyle(elem null)[css]; else if (elem currentStyle) return elem currentStyle[css]; else return elem style[css]; function getWH(dom) var get = function(elem) var wh = ; Width Height replace(/[^ ]+/g function(i) var a = i toLowerCase(); wh[a] = elem[ offset + i] || elem[ client + i]; ); return wh; ; if (getCss(dom display ) === none ) var nDom = dom cloneNode(true); nDom style position = absolute ; nDom style top = px ; nDom style display = block ; document getElementsByTagName( body )[ ] appendChild(nDom); var wh = get(nDom); nDom parentNode removeChild(nDom); return wh; return get(dom); //test console log(getWH(document getElementById( content ))); var domA = document createElement("a") _ostyle = "position:absolute;z index: ;width: px;height: px;position:absolute;display:none;"; domA setAttribute("style" _ostyle); domA style cssText = _ostyle; domA setAttribute("href" "javascript:void( );"); document getElementsByTagName( body )[ ] appendChild(o); console log(getWH(domA)); cha138/Article/program/Java/JSP/201311/20102相关参考
知识大全 JavaScript获取FCK编辑器信息的具体方法
JavaScript获取FCK编辑器信息的具体方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！这
这篇文章介绍了js实现拉伸拖动iframe的具体代码有需要的朋友可以参考一下 左边iframe放树目录右边的iframe放index页拖鼠标同时控制个iframe的宽高期待有人能改进操作
接口nodeType常量nodeType值备注ElementNodeELEMENT_NODE元素节点TextNodeTEXT_NODE文本节点DocumentNodeDOCUMENT_NODEdo
知识大全 jquery获取iframe中的dom对象(两种方法)
父窗口中操作iframe$(windowframes["iframeChild"]document)//假如iframe的id为iframeChild在子窗口中操作父窗口$(windowparen
知识大全 我想买本书 学习javascript 求大神推荐一本
我想买本书学习javascript求大神推荐一本推荐《JavaScript.DOM编程艺术(第2版)》我也刚看一下，这个书前几章内容其实是很少的，但能让你看到成果，而且很快就会发现，原来通过DOM可以
知识大全 javascript实现div的显示和隐藏的小例子
代码如下:<><head><metaequiv="ContentType"content="text/;charset=gb"/><title>oe
JavaScript获取/更改文本框的值 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ 尽管&l
知识大全 JavaScript实现QueryString获取GET参数的方法
JavaScript实现QueryString获取GET参数的方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一
知识大全 JavaScript获取和设置CheckBox状态的简单方法
JavaScript获取和设置CheckBox状态的简单方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看
知识大全 JavaScript获取后台C#变量以及调用后台方法
JavaScript获取后台C#变量以及调用后台方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！