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

如何检索DOM元素的display属性?

乜裕
2023-03-14
问题内容
<html>
        <style type="text/css">
            a {
                display: none;
            }
        </style>
        <body>
            <p id="p"> a paragraph </p>
            <a href="http://www.google.com" id="a">google</a>
        </body>
        <script type="text/javascript">
            var a = (document.getElementById('a')).style;
            alert(a.display);
            var p = (document.getElementById('p')).style;
            alert(p.display);
            p.display = 'none';
            alert(p.display);
        </script>
    </html>

第一个和第二个alert显示的内容只不过是一个空字符串,我认为应该是noneandblock。但是,经过精心display设置之后,第三个alert警报终于发出来none

但为什么?我该如何display正确检索该财产?

谢谢。


问题答案:

.style.*属性直接映射到style属性,而不是所施加的样式。为此,您需要getComputedStyle。

我会认真考虑切换.className演示文稿并将其与逻辑完全分开。



 类似资料:
  • 问题内容: 第一个和第二个显示的内容只不过是一个空字符串,我认为应该是and 。但是,经过精心设置之后,第三个终于警报了。 但为什么?我如何才能正确检索该属性? 谢谢。 问题答案: 的属性直接映射到 属性,而不是所施加的样式。为此,您需要getComputedStyle。 我会认真考虑切换演示文稿并将其与逻辑完全分开。

  • 使用 display属性,可以改变一个框的显示类型,显示类型就决定了一个元素生成框的类型,同时也会影响一个框的行为。 可以把行内元素的 display属性设置为 block,它将生成一个块级框,并表现得像块级元素一样。并且,浏览器会把它作为一个块级框来摆放,它会独占一行,并且可以像处理 div 一样设置样式,如设置其宽度、高度、垂直外边距、垂直内边距。比如,把链接元素 a 的 display属性设

  • 问题内容: 说我有一个和我和使用jQuery的元素。我如何检测元素上何时发生此类事件? 问题答案: 不推荐使用以下方法 您可以使用DOMNodeInserted和DOMNodeRemoved

  • 我使用Thymeleaf创建html组件。组件在单独的文件中声明: 中基本按钮的声明 这个想法是为组件提供某种类型的工具集。使用此组件的代码将是: 它运行良好,但我考虑了按钮需要具有以下属性的情况:或或任何其他属性。问题来了: 如何将属性传递给按钮? 一种方法是将其作为片段的参数传递,但它太丑了。 有什么方法可以获取片段中占位符的属性吗?(见下面的示例) 我想这样调用片段: 并且在片段中想要获取这

  • 问题内容: 我是XML的新手。我想根据请求名称阅读以下XML。请帮助我了解如何以Java读取以下XML 问题答案: 如果你的XML是字符串,则可以执行以下操作: 如果你的XML在文件中,Document document则将被实例化为: 在document.getDocumentElement()返回你是文档的文档元素节点(你的情况 )。 一旦有了rootElement,就可以访问元素的属性(通过

  • 我使用JSOUP获取网站。以下是网页链接: http://www.yelp.com/search?find_desc=restaurants&find_loc=Westmont%2C+il&ns=1&ls=43131f934bb3adf3#find_loc=hinsdale,+il&l=p:il:hinsdale::&sortby=rating&unfold=1 不幸的是,浏览器中的“view s