可折疊區域(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部分的笔记

JS高级程序设计11-DOM扩展

选择符API(P286) querySelector() querySelector()方法接受一个CSS选择符,返回与改模式匹配的第一个元素,没有相应元素则返回null; //取得bo...

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

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

JavaScript高级程序设计之DOM之DOM 操作技术之操作表格第10.2.3讲

元素是HTML 中最复杂的结构之一。要想创建表格,一般都必须涉及表示表格行、单元格、 表头等方面的标签。由于涉及的标签多,因而使用核心DOM 方法创建和修改表格往往都免不了要编写 大量的代码。假设...

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

js

JavaScript高级程序设计学习笔记--事件(二)(事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象)

事件对象 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型,以及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象...

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

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

JavaScript DOM高级程序设计笔记__(一)

第一章 遵循最佳实践 1.1不唐突和渐进增强   不唐突:         a.你的脚本对用户来说必须是不唐突的,即消除了不必要的行为和令人讨厌的功能.          b.脚本本身也是...
  • SyKent
  • SyKent
  • 2012年08月09日 22:49
  • 1477

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

DOM
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可折疊區域(js高級程序設計,第10章-高級DOM技術)
举报原因:
原因补充:

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