社区
JavaScript
帖子详情
document.getElementById(id).style.display
tianwaifeiren
2008-06-11 12:17:00
document.getElementById(id).style.display="None";
document.getElementById(id).style.display="";
有什么区别?请高手指教
...全文
9334
8
打赏
收藏
document.getElementById(id).style.display
document.getElementById(id).style.display="None"; document.getElementById(id).style.display=""; 有什么区别?请高手指教
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wdch10104
2010-11-09
打赏
举报
回复
感觉好复杂
iooview_onemoon
2008-06-12
打赏
举报
回复
display="none"
┄ 不显示.
display=""
┄ 还原到页面代码中定义的值.
如果没有定义 style="" , 则取<style></style>或CSS中定义的值.
如果都未定义, 则取其默认值.
浴火_凤凰
2008-06-11
打赏
举报
回复
display="none"; //不显示对象
浴火_凤凰
2008-06-11
打赏
举报
回复
display=""; 就是采用默认值
jhwcd
2008-06-11
打赏
举报
回复
[Quote=引用 3 楼 familyX 的回复:]
document.getElementById(id).style.display="None"; //不显示对象
document.getElementById(id).style.display=""; //显示对象
[/Quote]
familyX
2008-06-11
打赏
举报
回复
document.getElementById(id).style.display="None"; //不显示对象
document.getElementById(id).style.display=""; //显示对象
老紫竹
2008-06-11
打赏
举报
回复
默认是 inline 和 none 还是有区别的。
Guid_Guid
2008-06-11
打赏
举报
回复
个人理解:display=""; 就是采用默认值
ps:
语法:display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
取值:
block : css1 块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行,可以代替普通的visible中的true;
none: css1 隐藏对象,与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
inline: css1 内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行
inline-block: IE5.5 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
compact: css2 未支持。分配对象未块对象或给予内容之上的内联对象
marker: css2 未支持。指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before伪元素一起使用
inline-table: css2 未支持,将表格显示为无前后换行的内联对象或内联容器
list-item: css2 将块对象指定为列表项目。并可以添加可选项目标志
run-in: css2 未支持。分配对象为块对象或基于内容之上的内联对象
table: css2 未支持。将对象作为块元素级的表格显示
table-caption: css2未支持,将对象作为表格标题显示
table-cell: css2 未支持。将对象作为表格单元显示
table-column: css2 未支持。将对象作为表格列显示
table-column-group: css2未支持,将对象作为表格列组显示
table-header-group: css2 将对象作为表格标题组显示
table-footer-group: css2将对象作为表格脚注组显示
table-row: css2未支持。将对象作为表格行显示
table-row-group: css2 未支持。将对象作为表格行组显示说明:设置或检索对象是否及如何显示。
对于下列元素来说,此属性的默认值未block:ADDRESS QUOTE BODY XMP CENTER COL COLGROUP DD DIR DIV DL DT FIELDSET FORM HN HR IFRAME LEGEND LISTING MARQUEE MENU OL P PLAINTEXT PRE TABLE TD TH TR UL
对于下列元素来说,此属性的默认值为none:BR FRAME nextID TBODY TFOOT THEAD
对于下面元素来说,此属性的默认值为list-item:LI
其他元素的默认值都是inline.
在ie6.0以前的版本中,LI对象的默认值为block.在ie4.0中,block,inline,list-item值不被支持,但是对象仍然会被呈递。在IE 5.0 中开始支持block和inline。在IE5.5中 开始支持inline-block。你可以使用inline-block使对象获得布局而无需指定确切的高(height) 和宽(width)。在IE6.0中开始支持list-item.所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如, div 是一个块对象。 span 是一个内联对象。块对象的特征是从新的一行开始且能包含其他块对象和内联对象。内联对象被呈递时不会从新行开始,能够包含其他内联对象和数据。
改变此属性值对其周围内容布局的影响可能是:在属性值设为 block 的对象后面添加新行。
从属性值设为 inline 的对象中删除一行。
隐藏属性值设为 none 的对象并释放其在文档中的物理空间。
table-header-group 和 table-footer-group 属性值可用来指定当表格( table )跨越了多页时, tHead 和 tFoot 对象的内容在每一页都显示。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为display。
示例:
img { disply: block; float: right; }
应用于:
IE4.0+ A ACRONYM ADDRESS APPLET B BIG BLOCKQUOTE BODY BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM EMBED FIELDSET FONT FORM FRAME Hn HR I IFRAME IMG INPUT type=button INPUT type=checkbox INPUT type=file INPUT type=image INPUT type=password INPUT type=radio INPUT type=reset INPUT type=submit INPUT type=text INS KBD LABEL LEGEND LI LISTING MARQUEE MENU nextID NOBR OBJECT OL P PLAINTEXT PRE Q S SAMP SELECT SMALL SPAN STRIKE STRONG style SUB SUP TABLE TEXTAREA TT U UL VAR XMP
IE5.0+ BDO currentStyle CUSTOM TBODY TD TFOO TTH THEAD TR RT RUBY
IE5.5+ defaults
document
.
getElementBy
Id
(i).
style
.
display
='block';
document
.
getElementBy
Id
(i).
style
.
display
='block'; //获取当前页面里面
id
为i的标签,改变该标签的样式,使其满眶显示。
document
.
getElementBy
Id
(i).
style
.
display
='none'; //获取当前页面里面
id
为i的标签,...
js通过标签元素
id
,用
document
.
getElementBy
Id
().
style
设置标签元素的css属性
对定义了
id
的html标签元素,js可以通过以下...
document
.
getElementBy
Id
(“
id
name”).
style
.
display
=“none”; 方法二: 对标签定义多个css样式: var a =
document
.
getElementBy
Id
(“
id
name”); with(a.
style
){ color
document
.
getElementBy
Id
("
id
").innerHTML=""与
document
.
getElementBy
Id
("
id
").
style
.
display
="none"
前者
document
.
getElementBy
Id
("
id
")....而后者
document
.
getElementBy
Id
("
id
").
style
.
display
="none"是不显示内容,但是内容并没有删除掉,利用
document
.
getElementBy
Id
("
id
').
style
.
display
="inline-block"可以恢复。
对于js代码中
document
.
getElementBy
Id
(i).
style
.
display
='block';的理解
//目的:点开页面中被h
id
den的历史记录 //隐藏html代码 由
display
:none 到
display
:block 隐藏代码显示出来后,才可以findElements...
document
.
getElementBy
Id
(\"tac_box2\").
style
.
display
=\"block...
js传参,
Document
.
getElementBy
Id
()中的参数问题。
一、" onclick="subComment('')">其中的必须用单引号括起来。 二、 function subComment(str) { ...if(
document
.
getElementBy
Id
(str).
style
.
display
=="block") ...
document
.
getElementBy
Id
(str).
style
.
display
="none
JavaScript
87,917
社区成员
224,617
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章