`
xianxin88
  • 浏览: 41485 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

用javaScript控制DIV的显示

阅读更多
function showDiv(targetid)
{
   if (document.getElementById){
 
            var target=document.getElementById(targetid);
               alert(target.style.display);
            if (target.style.display =="block" || target.style.display == "" ){
            alert('block');
                target.style.display="none";
            }
            else if(target.style.display == "none")
            {
            alert('none');
            target.style.display = "block";
            }
   }
}

<form id="frm1" action="">

<td>
       <input type="text" name="caption" size="62" />
       <input type="button" name="annex" value="添加附件"
        onclick="showDiv('annexDiv');" />
       <form action="" id="frm2">
       <div id="annexDiv" style="display: none;">
     
        <input type="text" name="annex" size="62" />
        <input type="button" name="addAnnex" value="浏览" />
        <input type="button" name="delAnnex" value="删除" onclick="showDiv('annexDiv');" />
         </div>
         </form>
      </td>

</form>

分享到:
评论

相关推荐

    ajax控制div窗口显示和隐藏

    三、Ajax控制Div显示 要使用Ajax来控制div的显示,首先需要在JavaScript中创建一个Ajax请求。在接收到服务器响应后,根据返回的数据决定是否显示或隐藏特定的div。例如,服务器可能返回一个JSON对象,其中包含一个...

    javascript实现控制div颜色

    本文详细介绍了如何使用JavaScript控制网页中DIV元素的背景颜色。通过实例代码,我们可以了解到如何通过JavaScript操作DOM来改变DIV的样式属性。下面我将逐一解析本文涉及的关键知识点。 首先,我们从HTML结构开始...

    javascript操作DIV总结(弹出窗口篇)

    在JavaScript中,可以创建一个新的`&lt;div&gt;`作为弹出层,并设置其样式使其位于其他元素之上,通过CSS的`display`属性控制显示和隐藏。例如: ```javascript var dialog = document.getElementById('dialog'); dialog....

    Javascript实现div对话框效果

    通过这种方式,我们可以使用纯JavaScript实现一个基本的div对话框效果,包括显示、隐藏、黑背景以及关闭功能。如果需要更复杂的交互,如动画效果、拖动或自定义大小等,可以进一步研究CSS3动画、事件处理和更多的DOM...

    div+javascript的弹出框

    综上所述,"div+javascript的弹出框"是网页开发中一种常见且实用的技术,它结合了HTML布局、JavaScript动态交互和CSS样式控制,以创建高度定制化的用户体验。在实际项目中,开发者需要理解并掌握这些技能,以便更好...

    onclick事件实现div的隐藏和显示

    在实践中,开发者可能会用浏览器的开发者工具来检查和调试 `onclick` 事件及相关的 `div` 显示状态。 在提供的 `test_wb.html` 文件中,可能包含了类似上述的代码示例。打开这个文件,你可以看到一个实际运行的示例...

    javascript DIV隐藏、显示 弹出式窗口样式

    在这个场景中,我们关注的是如何利用JavaScript控制HTML中的`&lt;div&gt;`元素,以及如何实现弹出式窗口的样式。 首先,`&lt;div&gt;`是HTML中的一个通用容器元素,常用于组织页面布局或封装其他元素。在JavaScript中,我们可以...

    JAVASCRIPT弹出DIV层窗口实例

    接下来,我们需要编写JavaScript代码来控制弹出窗口的显示和隐藏。这通常在单独的`&lt;script&gt;`标签内或者外部的JS文件(如`script.js`)中完成。以下是一个简单的JavaScript函数示例: ```javascript function show...

    WEB_DIV.rar_DIV_javascript div

    标题中的"WEB_DIV.rar_DIV_javascript div"暗示了这个压缩包包含的是与Web开发相关的资源,特别是关于HTML `&lt;div&gt;`元素以及使用JavaScript处理`&lt;div&gt;`的代码。`&lt;div&gt;`是HTML文档中的一个非常重要的结构元素,用于...

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中,我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏,这对于创建交互式和响应式的网页至关重要。 在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    div显示隐藏效果

    `div` 显示和隐藏效果是前端开发中的常见需求,可以用来控制用户界面的可见性,例如实现折叠菜单、弹窗或者动态加载内容等。在本教程中,我们将深入探讨如何在HTML和CSS中实现`div`的显示与隐藏效果。 首先,我们...

    js控制div左右切换带左右箭头

    在网页设计中,"js控制div左右切换带左右箭头"是一种常见的交互效果,它用于展示多内容区域,用户可以通过点击或悬浮在左、右箭头上实现内容的切换。这种效果常见于产品展示、轮播图或者选项卡式布局中,能够提供...

    JavaScript改变地图DIV大小

    地图在Web页面上通常被嵌入到一个`&lt;div&gt;`中,通过JavaScript来控制其样式属性,如宽度和高度,从而改变地图的显示大小。 要实现JavaScript改变地图`&lt;div&gt;`大小,你需要以下步骤: 1. **创建地图Div**:在HTML中,...

    js控制div全屏

    在网页设计中,有时我们需要将某个`div`元素设置为全屏显示,以提供沉浸式的用户体验或特定功能的实现。JavaScript(简称js)作为一种强大的客户端脚本语言,可以帮助我们轻松实现这一需求。在这个项目中,我们使用...

    javascript实现显示和隐藏div方法汇总

    在JavaScript中,显示和隐藏`div`元素是前端开发中常见的需求。本篇文章将汇总15种不同的方法来实现这一功能。以下是对这些方法的详细解释: 1. **`display: block/none`**: - `display: block`使元素呈现在页面...

    Javascript控制div属性动态变化实例分析

    本文通过实例详细分析了如何使用JavaScript控制div元素属性动态变化。在Web前端设计中,动态地改变页面元素的样式和行为是非常常见的需求,尤其是在响应用户的交互操作时。通过监听鼠标事件,我们可以实现对页面元素...

    网页设计div的显示和隐藏

    ### 网页设计中的div显示与隐藏技术详解 在网页设计中,div元素作为最基本的容器之一,被广泛应用于布局、样式控制等多个方面。而如何有效地控制div元素的显示与隐藏,则是实现交互式设计的重要手段之一。本文将...

    JavaScript +div 弹出窗案例

    接下来,我们要用 JavaScript 控制这个弹出窗口的显示与隐藏。在 `&lt;script&gt;` 标签中或者外部的 `.js` 文件里,我们添加以下代码: ```javascript // 获取弹出窗口元素 var popup = document.getElementById("popup...

    JAVASCRIPT DIV 弹层(模仿EXTJS)

    通过CSS,我们可以控制Div的样式,包括位置、大小、颜色、边框等。在JavaScript中,我们可以动态操作Div,如创建、显示、隐藏、移动或改变其内容。 创建一个弹层,首先要有一个隐藏的Div元素作为弹层的基础结构。在...

    网页设计DIV+CSS+javascript

    通过使用`div`元素,我们可以将网页划分为多个区域,每个区域可以独立设置样式和布局,从而实现更精确的页面控制。在`CSS`(Cascading Style Sheets)的帮助下,我们可以对`div`元素进行样式定义,包括颜色、字体、...

Global site tag (gtag.js) - Google Analytics