如何判断 div 是否有高度限制?

2024-02-21

我想知道使用jquery div 是否有高度限制。

例如,这个 div 被限制为 100px,无论内容的大小如何,div 的高度都将是 100px:

    <div style="height: 100px;">
         bla bla
    </div> 

并且这个不受限制并且将占据其内容的高度:

    <div>
          bla bla
    </div>

换句话说,我想知道是否通过设置 style 属性或使用单独的 css 样式设置了高度(如果是的话怎么办)。 谢谢

FF3.6 FF5 IE8 Chrome12 和 Opera11 的解决方案:

function css(a){
  var sheets = document.styleSheets;
  var o={};
  var name;
  var i=0;
  while (i<sheets.length) {
    var rules = sheets[i].rules || sheets[i].cssRules;
    var r=0;
    while(r<rules.length) {
          if(typeof(rules[r].style)!="undefined" &&
             !rules[r].selectorText.match(":before") &&   // fix for FF3.6
             !rules[r].selectorText.match(":after") &&
             !rules[r].selectorText.match(":link") &&
             !rules[r].selectorText.match(":hover") &&
             !rules[r].selectorText.match(":active") &&
             !rules[r].selectorText.match(":visited") &&
             !rules[r].selectorText.match(":first-letter") &&
             !rules[r].selectorText.match(":-moz-focus-inner") &&
              a.is(rules[r].selectorText)) {
              o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
          }
        r++;  
      }
    i++;
  }
  return o;
}

function css2json(css){
  var s = {};
  if(!css) return s;

  var isMSIE = /*@cc_on!@*/0;

  if (isMSIE)
      {
        if(typeof(css)=="object")
          {
            for(var i in css) {
              if(i.toLowerCase) 
                s[i.toLowerCase()] = css[i];
            }
          }
        else if(typeof css == "string")
          {
            css = css.split("; ");          
            for (var i in css) {
              var l = css[i].split(": ");
              s[l[0].toLowerCase()] = (l[1]);
            };
          }
      }
    else
      {
        if(css instanceof CSSStyleDeclaration)
          {
            for(var i in css) {
              if((css[i]).toLowerCase)
                s[(css[i]).toLowerCase()] = (css[css[i]]);
            }
          }
        else if(typeof css == "string")
          {
            css = css.split("; ");          
            for (var i in css) {
              var l = css[i].split(": ");
              s[l[0].toLowerCase()] = (l[1]);
            };
          }              
      }
  return s;
}



...           
alert(css($('some selector')).height); 

使用中提供的功能这个答案 https://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element/5830517#5830517,您可以像这样访问元素的高度:

css($('div')).height

这些函数考虑了内联样式和继承样式,我相信这就是您想要的。如果没有明确指定高度,则height返回对象的属性将是undefined.

Demo http://jsfiddle.net/Town/sCwAu/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何判断 div 是否有高度限制? 的相关文章

  • Node js 使用中间件重定向进行过多重定向

    在我的 Node js 应用程序 我使用的是express 4 x 中 我想检查用户是否已登录 如果用户未登录 我想重定向到我的登录页面 然后我在中间件中这样做 服务器 js app use function req res next if
  • 消息“在 jest.setTimeout 指定的 5000 毫秒超时内未调用异步回调”

    我正在使用 Puppeteer 和 Jest 来运行一些前端测试 我的测试如下 describe Profile Tab Exists and Clickable settings user gt test Assert that you
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • jQuery,REAL:不是等价的运算符?

    此代码行选择任何类名不是 id 和 quantity 的 div 内的所有子输入 div item gt div not id quantity gt input live keydown function event 执行相反操作的代码行
  • 使用 CryptoJS 更改密钥 [重复]

    这个问题在这里已经有答案了 我正在使用 CryptoJS 来加密和解密文本 在这里 我只是获取消息并显示加密和解密消息 我使用DES算法进行加密和解密 这是我的 HTML 文件
  • 仅一页 JavaScript 应用程序

    您是否尝试过单页 Web 应用程序 即浏览器仅从服务器 获取 一页 其余部分由客户端 JavaScript 代码处理 此类 应用程序页面 的一个很好的例子是 Gmail 对于更简单的应用程序 例如博客和 CMS 使用这种方法有哪些优点和缺点
  • JavaScript 中数组的 HTML 数据列表值

    我有一个简单的程序 它必须从服务器上的文本文件中获取值 然后将数据列表填充为输入文本字段中的选择 为此 我想要采取的第一步是我想知道如何动态地将 JavaScript 数组用作数据列表选项 我的代码是
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 是否有任何非轮询方式来检测 DOM 元素的大小或位置何时发生变化?

    很长一段时间以来 我一直在寻找一种方法来检测 DOM 元素的大小或位置何时发生变化 这可能是因为窗口调整了大小 或者因为向该元素添加了新的子元素 或者因为在该元素周围添加了新元素 或者因为 CSS 规则已更改 或者因为用户更改了浏览器的字体
  • Typeahead.js substringMatcher 函数说明

    我只是在做一些研究Typeahead js这是一个非常酷的图书馆 感谢文档 我已经成功地获得了一个基本的示例 该文档也非常好 但是我试图弄清楚以下代码块实际上在做什么 var substringMatcher function strs r
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 淡出和循环一组 div 的最佳方式

    假设我有以下 div div class a You are funny div div class b You are smart div div class c You are cool div 最好的展示方式是什么div a持续 5
  • 如何通过jquery更改元素的类名

    div class bestAnswerControl div class IsBestAnswer div div 我想补充一下 bestanswer some attribute 我想更换class IsBestAnswer div 到
  • 类型“typeof import("/home/kartik/Desktop/Ecommerce/ecommerce/node_modules/firebase/index")”上不存在属性“auth”。 TS(2339)

    我是 FireBase 的初学者 我正在尝试使用 Angular 通过 FireBase 实现 Google 登录 我在 auth 时收到上述错误 我特此附上login component ts和package json package l
  • 查询为空 Node Js Sequelize

    我正在尝试更新 Node js 应用程序中的数据 我和邮递员测试过 我的开发步骤是 从数据库 MySQL 获取ID为10的数据进行更新 gt gt 未处理的拒绝SequelizeDatabaseError 查询为空 我认识到 我使用了错误的
  • 如何将函数内的捕获错误传递给父级

    我有这几行代码示例 想知道下面的逻辑到底如何 try var response child console log why here catch err console log should show this err function c
  • JavaScript onresize 事件多次触发

    我在尝试仅在触发 onresize 事件时运行一次函数时遇到一些麻烦 我已经看过这个问题DOM onresize 事件 https stackoverflow com questions 1500312 javascript onresiz
  • 如何在打字稿文件中导入没有定义文件的js库

    随着我们的项目变得越来越大 我想从 JavaScript 切换到 TypeScript 以帮助进行代码管理 然而 我们使用许多库作为 amd 模块 我们不想将其转换为 TypeScript 我们仍然想将它们导入 TypeScript 文件
  • 如何在 gulp.src 中使用基本正则表达式?

    我正在尝试选择两个文件gulp src highcharts js and highcharts src js 当然 我知道我可以使用数组表达式显式添加这两个表达式 但出于学习目的 我尝试为它们编写一个表达式 我读过可以使用简单的正则表达式
  • 单击列表时使用 bootstrap Dropdown 防止下拉菜单消失

    我正在使用使用引导下拉菜单 http twitter github com bootstrap javascript html dropdowns生成下拉菜单 我想防止点击菜单时菜单消失 我已经实现了以下代码 但它不起作用 知道如何修复它吗

随机推荐

  • 使用c#从图像中裁剪十字矩形

    我想做的基本上是从图像中裁剪一个矩形 但是 它应该满足一些特殊情况 我想在图像上裁剪一个有角度的矩形 我不想旋转图像并裁剪矩形 如果裁剪超出图像大小 我不想裁剪空的背景颜色 我想从起点的后面进行裁剪 当矩形尺寸完成时 它将在起点处结束 我知
  • 身份验证错误 e.Message = OAuth 错误 = 权限+错误

    我在 xamarin android 和 xamarin ios PCL 项目中使用 Xamarin Auth 版本 1 5 0 3 通过 facebook 的 OAuth API 进行应用程序身份验证 登录 我单击 现在不 链接后出现问题
  • 用户身份验证和密码安全的 PHP 最佳实践

    当前无需使用 CMS 或重型框架即可对用户进行身份验证的最佳库 方法是什么 响应应包括您认为应被视为涉及用户身份验证的新 PHP 开发标准的任何建议 OpenID http openid net 是一种根据用户在常见网络服务 例如 Yaho
  • 2 个 NSDate 应该相等不是吗?

    我正在使用 Stig Brautaset http code google com p json framework 的 JSON 库 我需要序列化 NSDate 我正在考虑在将其 JSON化之前将其转换为字符串 但是 我遇到了这种奇怪的行
  • 在 Typescript 中检测 React 子数组长度

    我有一个可以接受 React 的组件children作为节点或节点数组 我希望能够检测到是否children是一个节点数组 但我收到以下 Typescript 错误 TS2339 类型 string 上不存在属性 length 数量 真实
  • MySQL WorkBench - 为什么持续时间 + 获取时间 < 实际等待时间

    我正在 mySQL Workbench 中运行查询 从开始查询到显示结果需要5分钟 尽管如此 还是显示了以下 处理 时间 在 WorkBench 输出面板中 持续时间 0 000 秒 获取 2 562 秒 问题 如何解释这种差异 5 分钟与
  • 爱因斯坦的谜语

    我是 Prolog 的新手 我正在尝试在 Prolog 中模拟一个类似爱因斯坦谜语 也称为斑马谜语 的谜语 但有 10 个房屋和 30 个提示 我使用此模型示例作为起点 http www baptiste wicht com 2010 09
  • 我可以创建一个新的 SensorEvent 对象来测试 onSensorChanged() 函数吗?

    我想测试一下功能 onSensorChanged SensorEvent event 在模拟器上 我想创建一个新的 SensorEvent 对象 我发现了一个很好的链接 http download java net media java3d
  • 简化 Mathematica 中的正则表达式

    我最近发现克莱尼代数 http en wikipedia org wiki Kleene algebra用于操作和简化正则表达式 我想知道这是否已内置到 Mathematica 等任何计算软件程序中 如果有一个计算工具来进行大型表达式的并集
  • Elasticsearch 索引不起作用并出现错误消息:节点 null 不是集群的一部分 Cluster [elasticsearch],忽略

    我刚刚下载了弹性搜索发行版并运行了它 curl localhost 9200 status 200 name cbs cluster name elasticsearch version number 1 4 1 build hash 89
  • 将两个单通道 TIFF 堆栈合并为一个多通道堆栈

    我有两个 tiff 堆栈 其中包含与显微镜实验中获取的不同通道相对应的延时数据 我想将它们合并到具有两个通道的单个堆栈中 两个堆栈都是 16 位灰度 当我使用时 convert stack1 tiff stack2 tiff stack m
  • 基于字符串数组的 AngularJS 过滤器?

    我很难理解如何使用 Angular 过滤器来解决我遇到的问题 这是我的数据结构的基本示例 任务数组 var tasks Title This is a task title Tags Test Tag One Two Three Title
  • 从 iphone 数组中的 xml 文件获取零个对象

    大家好 我正在尝试使用 xpathQuery 来获取以下 xml 数据 我的 xml 文件以assessmentItem 开头 assessmentItem 之前连一个字符都没有
  • 更改部分图像来源

    我想问问题是否有可能使用 jQuery 来更改图像源的一部分 HTML 代码很简单 img src numbers gray 1 png alt green width 44 height 46 img src numbers gray 5
  • 如何设置搜查排序的默认值?

    简而言之 我只是想知道是否有办法使用 Ransack gem 设置排序功能的默认值 ie 目前 页面加载时我有以下内容 但相反 我想要以下内容defaults当页面加载时 是否可以通过正确配置 Ransack Gem 来做到这一点 一如既往
  • 学说关系是否会影响应用程序性能?

    我正在与一个新团队一起开发 Symfony 项目 由于性能问题 他们决定尽可能停止使用 Doctrine 关系 例如 我必须存储我的 关系 的 id 而不是使用 ManyToOne 关系 但我想知道这是否是一个真正的问题 问题是 它改变了检
  • 在 PHP 中导入命名空间与包含文件

    我从 PHP 4 开始构建我的代码库 我使用过require once导入类 现在 在 PHP 5 3 中 我已经定义了名称空间并导入它们 我想更改我的源文件以使用导入 use声明 而不是使用require once 我不确定这是正确的决定
  • 如何使用自定义上传表单将文件上传到 WordPress?

    我不想使用 Wordpress 的内置媒体上传器 我的网站有一个表单 在前端 我需要允许任何人将图像上传到 wp content 中的我的上传文件夹 我找到了很多教程 但它们都告诉我如何使用 WordPress 上传器来做到这一点 我需要能
  • matlab:如何使用数组为绘图着色

    我有一组 3d 坐标 分为 3 个数组X Y Z 和温度T在每个点 我想将这些点绘制为点云 这样每个点都会根据其温度具有颜色 类似于您可以在中指定颜色的方式trisurf 我怎么做 您可以使用SCATTER3 http www mathwo
  • 如何判断 div 是否有高度限制?

    我想知道使用jquery div 是否有高度限制 例如 这个 div 被限制为 100px 无论内容的大小如何 div 的高度都将是 100px div style height 100px bla bla div 并且这个不受限制并且将占