1、 隐藏网页中的层DIV的技巧
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:[/b]
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
2、多个div的显示隐藏
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/JavaScript">
function jsd(a){
var demo = document.getElementById("demo");
var divArray = demo.getElementsByTagName("div");
for (var i=0;i<divArray.length;i++) {
if (divArray[i].id == a) {
divArray[i].style.display='';
}else {
divArray[i].style.display='none';
}
}
}
</script>
</head>
<body>
<div id="demo">
<div id="demo1">
<table width="200" border="1" bgcolor="#FFCC99">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="demo2" style="display:none">
<table width="200" border="1" bgcolor="#CC9999">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="demo3" style="display:none">
<table width="200" border="1" bgcolor="#00CCCC">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<select name="selId" onchange="jsd(this.value)">
<option value="demo1">0</option>
<option value="demo2">1</option>
<option value="demo3">2</option>
</select>
</div>
</body>
</html>
3、在asp.net中通过后台控制div的显示问题
变通一下，把DIV声明到服务器端
<div id="Issuediv" name="Issuediv" runat="server"></div>
然后，到后台
this.Issuediv.Style.Add("display", "none");
分享到：
相关推荐
在HTML中，`<div>`元素是一个通用容器，用于组合其他HTML元素，而`DIV在线编辑器`就是利用这一特性，将网页的`<div>`元素转化为可编辑区域，让用户能够直接在网页上进行文本输入、格式调整、插入图片等操作，就像...
使用这些Div+CSS网页模板时，开发人员可以快速搭建页面框架，然后根据项目需求进行个性化调整。此外，学习和理解这些模板的代码结构和CSS样式也是提升Web前端开发技能的好方法。在实际应用中，结合响应式设计和现代...
在网页设计中，`div` 是一个非常基础且重要的元素，它用于定义页面上的一个区块或者容器，可以用来组织和布局网页内容。标题所提到的“可编辑并且能够自动换行的div”，实际上是在讨论如何创建一个具有文本编辑功能...
这款编辑器基于HTML和JavaScript技术构建，充分利用了div元素的优势，使其在网页应用中展现出优秀的灵活性和可定制性。通过简化传统富文本编辑器的复杂功能，它保留了核心的编辑操作，如字体设置、对齐方式调整、...
设计师会在PSD中创建和编辑网页元素，然后导出为其他格式（如JPEG、PNG），供前端开发者使用。 6. **俺们村DIV**：这可能是某个具体页面或功能的`div`布局示例，可能是会员中心或者某个特定的页面区域。 7. **会员...
在提供的压缩包文件中，"DIV中光标位置插入内容.html"可能是演示这个功能的一个网页文件，其中包含了实现这一功能的HTML结构和JavaScript代码。打开这个文件，你可以看到具体的操作示例，并且可以根据需求进行修改和...
使用Dreamweaver作为工具，这是一种常用的可视化网页编辑软件，它支持代码编辑和所见即所得的界面，便于初学者快速构建网页。学生通过这样的练习，可以提升HTML和CSS的编写技能，理解网页的逻辑结构和视觉呈现。 ...
在线DIV+CSS编辑器是一种基于Web的工具，它允许用户...总之，无论你是初入Web设计的新人还是经验丰富的开发者，一个功能完备的在线DIV+CSS编辑器都能成为你手中的利器，助力你在这个数字化世界中构建出引人入胜的网页。
**网页布局技术——Div布局详解** 网页布局是网站设计中的核心环节，它决定了网页内容的展示方式和用户体验。...通过实践和使用如"Div布局.exe"这样的工具，可以快速提升网页布局技能，为网页设计注入更多创新可能。
7. Dreamweaver：Adobe Dreamweaver是一款流行的网页设计软件，它集成了代码编辑器和可视化设计界面，支持Div+CSS布局，可以帮助初学者快速上手网页制作，同时也为专业开发者提供高效的开发环境。 综上所述，“网页...
将div内容导出为Word文档是一项常见的需求，特别是在网页编辑、内容管理和数据迁移等场景中。本项目提供的"网页div内容导出Word（可用版）"压缩包文件，显然是一个能够实现这一功能的工具或代码示例。 要理解这个...
Div+CSS是现代网页设计中常用的技术，它将内容（Div）与样式（CSS）分离，使得页面结构清晰，易于维护和调整。 Div（层）是HTML中的一个标签，用于定义文档中的分区或节，通过设置Div的ID或Class属性，我们可以方便...
在Web开发中，WYSIWYG（What You See Is What You Get）编辑器是用于创建和编辑富文本内容的重要工具，它允许用户像在桌面应用程序中那样直观地编辑网页内容。"Div编辑器"是一种专门针对HTML div元素设计的WYSIWYG...
网页学习-DIV篇主要关注的是使用HTML和CSS中的DIV元素进行网页布局设计。在网页制作中，HTML（超文本标记语言）是构建网页结构的基础，而CSS（层叠样式表）则是用来控制网页元素的样式和布局的重要工具。DHTML（动态...
在本项目中，"静态网页设计（CSS+div）"是一个关于创建商城网页的课程设计，主要使用了HTML和CSS这两种核心技术。HTML负责构建网页的基本结构，而CSS则用于美化和布局网页元素，使得页面呈现出专业且吸引人的视觉...
在IT行业中，网页设计是至关重要的一个领域，它关乎到用户体验和网站的视觉效果。本资源包名为"flash网页模板css- div- html 带实例图参考"，提供了多套网页模板，专为设计师和开发者们提供灵感和实用指南。下面我们...
一个网页布局效果很好DIV+CSS编辑器 前台开效率很高
在这个教程中，你将学习到如何利用`Dreamweaver 8`这一强大的网页编辑工具，有效地构建和管理网页内容。`DIV`（Division，分部）和`CSS`（Cascading Style Sheets，层叠样式表）是现代网页设计的核心技术，它们允许...