当前位置: 首页 > 面试题库 >

使用JavaScript检查元素CSS显示

柯星华
2023-03-14
问题内容

是否可以检查元素的CSS display == blocknone使用JavaScript?


问题答案:

元素具有一个style属性,该属性可以告诉您想要什么,如果样式是内联声明的或使用JavaScript声明的:

console.log(document.getElementById('someIDThatExists').style.display);

将为您提供一个字符串值。

就像sdleihssirhc在下面说的那样,如果元素display是被CSS规则继承或指定的,则需要获取其计算样式:

return getComputedStyle(element, null).display;


 类似资料:
  • 本文向大家介绍JavaScript 元素检查器,包括了JavaScript 元素检查器的使用技巧和注意事项,需要的朋友参考一下 示例 单击“开发人员工具”中的“ Chrome中的元素”选项卡或Firefox中的“检查器”选项卡左上角的“ 选择页面中的元素进行检查”按钮,然后单击页面中的元素以突出显示该元素并将其分配给该$0变量。 元素检查器可以以多种方式使用,例如: 您可以检查您的JS是否按照您期

  • 问题内容: 在量角器端到端测试中,我想使用我的代码element(by.css(…))检查某个元素是否存在: 该测试失败,它说: 之后,我尝试使用一个承诺: 这将导致错误: 错误:使用定位器By.CssSelector(…)未找到任何元素 是的,我知道将找不到任何元素,但是如何使用element()创建工作测试? 有谁知道如何实现这一目标?还是不是这里使用的方法? 问题答案: 您可以通过检查是否存

  • 主要内容:display: none,display: block,display: inline,display: inline-blockdisplay 属性是 CSS 中最重要的属性之一,主要用来控制元素的布局,通过 display 属性您可以设置元素是否显示以及如何显示。 根据元素类型的不同,每个元素都有一个默认的 display 属性值,例如 默认的 display 属性值为 block(块级元素),而 默认的 display 属性值为 inline(行内元素),您也可以手动将元素的

  • 问题内容: 因此,如果有一个链接到网页的css文件,例如: 并且我想读取某个属性,例如div具有className =’layout’,并且我想使用JavaScript读取此属性的详细信息,我该怎么做? 我搜索了很多,但几乎没有运气,请提出建议。 问题答案: 您有两种选择: 手动枚举和解析对象(不建议使用,除非您要获取由某个选择器定义的所有特定样式属性)。 创建与选择器匹配的元素,然后使用或(IE

  • 问题内容: 我有3个div。 像这样: 他们将充满文字。我不确定多少。问题是,所有高度都必须相等。 我如何使用jQuery(或CSS)查找DIV最高的并将其他两个设置为相同的高度,从而创建3个相等高度的DIV。 这可能吗? 问题答案: 您不能轻松地通过高度选择或在CSS中进行比较,但是jQuery和一些迭代应该可以轻松解决此问题。我们将遍历每个元素并跟踪最高的元素,然后再次遍历并将每个元素的高度设

  • 主要内容:JavaTuples 元组检查元素的方法,JavaTuples 元组检查元素的示例JavaTuples 元组检查元素的方法 每个元组都提供实用方法来以与集合类似的方式检查其元素。 contains(element) : 检查元素是否存在。 containsAll(collection) : 检查元素是否存在。 indexOf(element) : 如果存在,则返回第一个元素的索引,否则返回 -1。 lastIndexOf(element) : 如果存在,则返回最后一个元素的索引