`

display显示.html

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script language="JavaScript">

function change(){
if(document.getElementById("selectcheck").value=='0'){
  document.getElementById("a").style.display="";
  document.getElementById("b").style.display="none";
}

if(document.getElementById("selectcheck").value=='1'){
   document.getElementById("b").style.display="";
   document.getElementById("a").style.display="none";
}
}
</script>

</head>

<body>
        <select name="selectcheck" id="selectcheck" onclick="change();">
<option value="0" selected >出现aaaaa</option>
<option value="1">出现bbb</option>
</select>

         <br><br><br><br><br><br>

        <div id="a">aaaaa</div>
 
<div id="b" style="display:none">bbb</bbb>
</body>


</html>
分享到:
评论

相关推荐

    display属性.doc

    `display` 属性是CSS中非常重要的一个属性,用于控制元素的呈现方式,决定了元素如何显示以及与其他元素的关系。它影响着页面布局和元素之间的相互作用。 #### 二、兼容性与版本 - **版本**: `display` 属性首次...

    HTML.Display.Components.v9.26.Delphi.Retail

    HTML.Display.Components.v9.26.Delphi.Retail 是一套专为Delphi开发者设计的HTML显示组件库,它提供了一整套工具,帮助开发者在他们的应用程序中集成HTML展示功能。这套组件库通常用于构建用户界面,尤其是在需要...

    C:\display.hlp.rar

    ”提示我们这个 "display.hlp" 文件可能是某个Windows应用程序的帮助文件,用户应该将其解压缩并放置到系统的 "Help" 文件夹内,以便该程序可以正确访问和显示帮助内容。不过,现代Windows系统可能不再直接支持 "....

    HTML.Display.Components.v9.24.Delphi

    HTML.Display.Components.v9.24.Delphi 是一个专门针对Delphi编程环境设计的组件集,主要用于在应用程序中实现HTML文件的浏览功能。这个组件包包括三个主要的组件:ThtmlViewer、TFrameViewer 和 TFrameBrowser,...

    HTML.Display.Components.v9.27a.Delphi.Retail

    HTML.Display.Components.v9.27a.Delphi.RetailHTML Display Components是由ThtmlViewer, TFrameViewer以及TFrameBrowser组成的一款套件。ThtmlViewer用于显示无框架网页,TFrameViewer可以显示单一以及框架网页,...

    网页的效果:Style 中的Display用法.docx

    4. `display:inline-block`: 这个值结合了`block`和`inline`的特点,元素既可以在一行内显示,又能设置宽高,适用于创建如按钮、小图标等需要布局的内联元素。 5. `display:compact`、`display:marker`、`display:...

    网的效果Style中的Display用法.pdf

    `display`属性在`Style`中扮演着至关重要的角色,它允许开发者根据需求调整元素的显示状态,从而实现各种复杂的网页布局。在【标题】"网的效果Style中的Display用法.pdf"中,我们主要讨论的是`display`属性在CSS中的...

    JS中style.display和style.visibility的区别实例说明.docx

    style.display 属性用于控制元素是否显示,并且它还影响文档流的布局。当设置 style.display = "none" 时,元素将被隐藏,并且它在文档流中的位置也将被占据,其中后续的元素将填补其位置。这种方式可以使得元素完全...

    网页的效果:Style 中的Display用法.pdf

    在HTML中,某些元素如`&lt;div&gt;`默认是块级元素,而`&lt;span&gt;`是内联元素,但通过`display`属性,我们可以自由地转换它们的行为。例如,将`&lt;div&gt;`的`display`设为`inline`,它就会像`&lt;span&gt;`一样在一行内显示。 `display...

    网的效果Style中的Display用法.docx

    `display`属性用于控制HTML元素的布局方式,它能够决定一个元素是作为块级元素、内联元素还是其他类型的元素来显示。在网页设计中,熟练掌握`display`的用法对于创建复杂且响应式的页面布局至关重要。 首先,`...

    用Struts、Hibernate和display超简单实现分页

    说明: 一、含演示数据库建立脚本(较简单) 二、使用Struts、Hibernate和display超简单的实现了分页,你不用在页面上再写很多和很多判断,简单到只需要几行语句: ...table&gt; ...

    js中style.display=&quot;&quot;无效的解决方法.docx

    在JavaScript中,`style.display`属性常用于控制HTML元素的可见性,比如让一个`div`元素显示或隐藏。然而,有时候直接设置`style.display=""`可能会遇到无效的情况,这通常是因为JavaScript未能正确地改变元素的显示...

    JSP.Ajax.example.memory.test.dynamic.display.rar_memory

    本实例代码“JSP.Ajax.example.memory.test.dynamic.display.rar_memory”着重展示了如何结合两者进行内存检测,并动态显示内存使用情况。这个实践案例对于理解和优化Web应用程序的性能至关重要。 首先,让我们深入...

    HTML Display Components v9.23 For D-7

    TFrameViewer 是专门为显示HTML框架设计的组件。在Web开发中,框架可以将网页分割成多个独立的部分,每个部分可以加载不同的内容。TFrameViewer 提供了这种功能,允许开发者在Delphi应用中创建和管理多框布局,使得...

    JS点击靠前 折叠显示.zip

    `display:none`隐藏元素,`display:block`或`display:inline-block`则显示元素。 ```javascript element.style.display = 'none'; // 隐藏元素 element.style.display = 'block'; // 显示元素 ``` 3. **DOM操作**:...

    前端开源库-tachyons-display.zip

    1. 显示模式(Display Modes):Tachyons Display提供了多种显示模式,如`block`、`inline`、`flex`等,这些模式可以帮助开发者轻松地切换元素的显示方式,适应不同场景的需求。 2. 布局管理(Layouts):通过设置`...

    Android显示框架详细分析

    高通7系列硬件是Android显示系统的重要组成部分,其Display部分主要包括Media Processing Daemon (MDP)、Mobile Data Interface (MDDI)、MDDI Bridge和LCD module。 1. MDP是高通MSM7200A处理器中的一个核心模块,...

    javascript经典特效---全面时间的显示.rar

    HTML部分可能有一个id为"timeDisplay"的元素,用于显示时间。例如: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; 全面时间显示 &lt;div id="timeDisplay"&gt; &lt;script src="script.js"&gt; &lt;/html&gt; ``` 这里,`...

    网站时间显示.rar

    尽管我们没有具体的文件内容,但通常这类资源可能包括HTML文件用于页面结构,CSS文件负责样式设计,以及JavaScript文件用于动态时间的计算与显示。21这个数字可能是代码中的一个标识或者变量,也可能代表了某种特定...

    hide_display_Active.rar_hide

    4. **在Web开发中**:HTML元素的`style.display`属性可用于控制元素的显示和隐藏。使用JavaScript,我们可以这样操作: ```javascript document.getElementById('myButton').style.display = 'none'; // 隐藏按钮 ...

Global site tag (gtag.js) - Google Analytics