IE/火狐/Chrome操作display:none對(duì)象所遇問題解答

下面,先來段簡(jiǎn)單的測(cè)試代碼
[code]
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不要被悶了</title>
<body>
<input type="text" id="hh1" value="2">
<input type="hidden" id="hh2" value="2">
<input type="text" style="display:none" id="hh3" value="2">
<div style="display:none"><input type="text" id="hh4" value="2"></div>
<script>
document.getElementById("hh1").value="11111";
document.getElementById("hh2").value="11111";
document.getElementById("hh3").value="11111";
document.getElementById("hh4").value="11111";
var strall="h1="+document.getElementById("hh1").value;
strall+=",h2="+document.getElementById("hh2").value;
strall+=",h3="+document.getElementById("hh3").value;
strall+=",h4="+document.getElementById("hh4").value;
alert(strall);
</script>
</body>
</html></SPAN>
[/code]
接著上三張?jiān)贗E、火狐、Chrome瀏覽器調(diào)試工具顯示的源代碼中結(jié)果圖
******************************IE開發(fā)人員工具顯示的源代碼***************************************
******************************Firebug工具顯示的源代碼***************************************
******************************chrome開發(fā)人員工具顯示的源代碼***************************************
其上代碼執(zhí)行結(jié)果都是一樣的,如下圖:以后不要被悶到了!如果是開發(fā)工具顯示設(shè)置問題,或者編寫什么兼容代碼等,還望留言,感謝感謝!
相關(guān)文章
css元素隱藏原理及display:none和visibility:hidden
在CSS中,讓元素隱藏指屏幕范圍內(nèi)肉眼不可見的方法很多,只不過有的依然保留空間,而有的卻消失的不留痕跡,接下來本文將詳細(xì)介紹下css元素隱藏原理,感興趣的你可不要錯(cuò)過2013-02-27ie9崩潰現(xiàn)象當(dāng)js設(shè)置tr元素樣式為display:none
在css測(cè)試中遇到一個(gè)ie9的bug:用js設(shè)置tr元素的樣式為display:none 會(huì)引起ie崩潰,很是郁悶,于是網(wǎng)上搜羅一下終于找到了解決方法,曬出來與大家分享,感興趣的你可不要錯(cuò)2013-02-20IE7下父元素及子元素的隱藏順序不當(dāng)帶來的display:none出現(xiàn)BUG
IE7下,先隱藏父元素,后隱藏子元素,再顯示父元素,被隱藏的子元素重疊區(qū)域下面, 存在另一個(gè)可見的元素,則該display:none的子元素出現(xiàn)BUG;接下來介紹一下發(fā)生經(jīng)過,感興2013-01-19display:none和visibility:hidden的差別比較與演示代碼
display:none和visibility:hidden的差別:visibility:hidden隱藏,但在瀏覽時(shí)保留位置;而CSS display:none視為不存在,且不加載,感興趣的朋友可以研究下2012-12-30如何通過 display:olck/none 完成一個(gè)菜單欄
這篇文章主要介紹了如何通過 display:olck/none 完成一個(gè)菜單欄,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-02-18