相关疑难解决方法(0)

按下它后,我怎么能隐藏'编辑'链接？当我按下编辑时,我还可以隐藏"lorem ipsum"文本吗？

<script type="text/javascript">
function showStuff(id) {
  document.getElementById(id).style.display = 'block';
}
</script>


<td class="post">

  <a href="#" onclick="showStuff('answer1'); return false;">Edit</a>
  <span id="answer1" style="display: none;">
    <textarea rows="10" cols="115"></textarea>
  </span>

  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 
</td>

我想在使用时更改" Choose File" 按钮上的默认文本input="file".

我怎样才能做到这一点？另外,您可以在图像中看到按钮位于文本的左侧.我怎么能把它放在文本的右侧？

如果是这样,它是否有效地弃用了visibility财产？

(我意识到Internet Explorer还不支持这个CSS2属性.)
布局引擎的比较

另请参见:visibility:hidden和display:none之间的区别

HTML5具有新的全局属性,hidden可用于隐藏内容.

<article hidden>
   <h2>Article #1</h2>
   <p>Lorem ipsum ...</p>
</article>

CSS具有display:none规则,也可用于隐藏内容.

article { display:none; }

在视觉上,它们是相同的.语义上有什么区别？计算？

我应该考虑何时使用其中一个？

TIA.

编辑:基于@newtron的回复(下文),我做了更多的搜索.该hidden属性去年激烈争论,(显然)几乎没有进入HTML5规范.有些人认为这是多余的,没有任何目的.据我所知,最终的评估是这样的:如果我只针对网络浏览器,那就没有区别了.(有一页甚至声称Web浏览器用于display:none实现隐藏属性.)但是如果我正在考虑可访问性(例如,我希望我的内容可以被屏幕阅读器读取),那么就会有所不同.CSS规则display:none可能会将我的内容隐藏在Web浏览器中,但相应的咏叹调规则(例如aria-hidden="false")可能会尝试阅读它.因此,我现在同意@newtron的答案是正确的,尽管可能(可以说)并不像我想的那样清楚.感谢@newtron的帮助.

显示与可见性属性有什么区别？

visibility:collapse和之间有什么区别display:none？

我想在我的jQuery Backbone.js Web应用程序中简化一些事情.一个这样的简化是我的菜单和对话框小部件的行为.

以前我在开始时创建了菜单的div框并隐藏了它们display: none; opacity:0;.当我需要一个菜单​​时,我改变了它的样式display:block然后使用jQuery ui位置实用程序来定位div框(因为display:none无法定位的元素)以及何时完成,最后将其样式更改为opacity:1.

现在我想隐藏它们visibility:hidden,当我需要它时,我使用位置实用程序,然后将样式更改为visibility:visible.当我开始使用这种新方法时,我将在整个Web应用程序会话中有大约10个div框,这些框隐藏但占用空间,与之前隐藏的div框形成对比display:none.

我的新方法有什么含义？它在任何方面都会影响浏览器性能吗？

我有这样的标签.

<li id="singlechatpanel-1" style="visibility: hidden;">
     //content
</li>

试着像这样检查:

$(".subpanel a").click(function() 
     {
        var chatterNickname = $(this).text();

        if(!$("#singlechatpanel-1").is(':visible'))
        {
            alert("Room 1 is filled.");
            $("#singlechatpanel-1").css({'visibility':'visible'});
            $("#singlechatpanel-1 #chatter_nickname").html("Chatting with: " + chatterNickname);
        }

如果condition总是返回false.如何检查此div的可见性状态？

element.css('visibility', 'visible')和之间有什么区别element.show().另外,element.css('visibility', 'hidden')和之间有什么区别element.hide()？

更新:此外,隐藏元素及其所有元素子树的最正确方法是什么？

更新N2:知道元素(及其子树)是否可见的正确方法是什么:element.is(':visible')或element.css('visibility')？

更新N3:有没有办法隐藏元素(完全),但它仍然会保留浏览器页面上的空格/区域？(据我所知 - 正确的方式是打电话,hide()但它可能导致页面视觉重组.

如果我在页面上有很多DOM并且我将它们全部设置为显示:none,则浏览器仍然会快速响应(滚动速度很快,页面感觉很快).

但是,如果我可见:隐藏元素,浏览器就像它们全部在屏幕上绘制一样慢.

有人可以详细解释为什么会这样吗？