可折疊區域(js高級程序設計,第10章-高級DOM技術)

原创 2007年09月18日 22:47:00

<html>
 <head>
 <title>Style Example</title>
 
 <script>
  function toggle(sDivId){
   var oDiv=document.getElementById(sDivId);
   oDiv.style.display=(oDiv.style.display=="none")?"block":"none";
  }
 </script>
 </head>
 <body>
  <div style="background-color:blue;color:white;font-weight:bold;padding:10px;cursor:pointer"
  onclick="toggle('divContent1')">click here</div>
  <div style="border:3px solid blue;height:100px;padding:10px" id="divContent1">This is some content to show and hide.</div>
  <p>&nbsp;</p>
  <div style="background-color:blue;color:white;font-weight:bold;padding:10px;cursor:pointer"
  onclick="toggle('divContent2')">Click Here</div>
  <div style="border:3px solid blue;height:100px;padding:10px" id="divContent2">This is some content to show and hide</div>
 </body>
</html> 

display:none

CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间

visibility:hidden

对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

DOM学习(JavaScript高级程序设计 第10章)

对于DOM部分的笔记

JavaScript高级程序设计之DOM之DOM 操作技术之使用NodeList第10.2.4讲

理解NodeList 及其“近亲”NamedNodeMap 和HTMLCollection,是从整体上透彻理解DOM 的 关键所在。这三个集合都是“动态的”;换句话说,每当文档结构发生变化时,它们都...

js高级程序设计笔记7--DOM2和DOM3

js

JavaScript DOM高级程序设计笔记__(二)----第四章 响应用户操作和事件

序言     事件就是操作检测与脚本执行的组合, 或者给予检测到的操作类型在某个对象上调用监听器. 术语     事件: onclick只是一个对象的属性,而不是一个事件,只是通过它可以为DOM...
  • SyKent
  • SyKent
  • 2012-08-16 22:57
  • 1996

JavaScript高级程序设计之DOM 扩展之专有扩展之contains()方法第11.4.3讲

在实际开发中,经常需要知道某个节点是不是另一个节点的后代。IE 为此率先引入了contains() 方法,以便不通过在DOM 文档树中查找即可获得这个信息。调用contains()方法的应该是祖先节...

JavaScript高级程序设计之DOM 扩展之专有扩展之插入文本第11.4.4讲

前面介绍过,IE 原来专有的插入标记的属性innerHTML 和outerHTML 已经被HTML5 纳入规范。 但另外两个插入文本的专有属性则没有这么好的运气。这两个没有被HTML5 看中的属性是...

JavaScript高级程序设计之DOM 扩展之专有扩展之文档模式第11.4.1讲

虽然所有浏览器开发商都知晓坚持标准的重要性,但在发现某项功能缺失时,这些开发商都会一如 既往地向DOM 中添加专有扩展,以弥补功能上的不足。表面上看,这种各行其事的做法似乎不太好, 但实际上专有扩...

javascript高级程序设计读书笔记--DOM总结

1. node类型 nodeType———-常用noode类型—— Node.ELEMENT_NODE(1) 元素节点 Node.ATTRIBUTE_NODE(2) 属性节点 Node.TEXT_...

《Javascript高级程序设计》DOM扩展

DOM
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)