如何在javascript中用另一个div替换div?

2023-12-09

如何在javascript中用另一个div替换div?

这就是我所拥有的:

<div id="main_place">
main
</div>

<button onclick="show(operation1)">Replace to operation 1</button>
<button onclick="show(operation2)">Replace to operation 2</button>
<button onclick="show(operation3)">Replace to operation 3</button>


<div id=operation1 style=“display:none”>
Some textboxes and text
</div>

<div id=operation2 style=“display:none”>
Again some textboxes and text
</div>

<div id=operation3 style=“display:none”>
And again some textboxes and text
</div>

<script>
function show(param_div_id){
        document.getElementById('main_place').innerHTML = Here should be div from param;
        }
</script>

没有 jquery 是否可以做到这一点?


将字符串传递到您的方法中并获取另一个 div

<div id="main_place">
  main
</div>

<button onclick="show('operation1')">Replace to operation 1</button>
<button onclick="show('operation2')">Replace to operation 2</button>
<button onclick="show('operation3')">Replace to operation 3</button>


<div id=operation1 style=“display:none”>
  Some textboxes and text
</div>

<div id=operation2 style=“display:none”>
  Again some textboxes and text
</div>

<div id=operation3 style=“display:none”>
  And again some textboxes and text
</div>

<script>
  function show(param_div_id) {
    document.getElementById('main_place').innerHTML = document.getElementById(param_div_id).innerHTML;
  }
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在javascript中用另一个div替换div? 的相关文章

  • 在 Bootstrap 中的悬停中打开折叠选项卡

    我在 Bootstrap 中有折叠面板 单击选项卡标题即可打开该面板 我试图弄清楚如何使用鼠标悬停在选项卡的总宽度上来打开 但我没有得到它 下面是默认关闭的单个选项卡的代码 div class panel panel default sty
  • 比较断言中的函数输出类型

    我正在努力使用 chai mocha 和 JS DOM 编写测试断言 我有一个简单的函数 例如 function HtmlElement el this element el instanceof HTMLElement el docume
  • 动态创建特定数量的输入表单元素

    我读过很多关于动态添加字段集的博客和帖子 但它们都给出了非常复杂的答案 我所要求的并没有那么复杂 我的 HTML 代码
  • 在 location.reload() 之后保持滚动位置

    我使用ajax 来更新所选的照片 如果成功 则刷新页面 用户可以看到所选的图像 它将有一个CSS边框 但当页面刷新时 位置又会回到顶部 我想知道重载后如何保持位置 我搜索了很多网站 仍然无法得到它 请指导我一下谢谢 EDIT 我在这里找到了
  • HTML 使用 Javascript 比较 2 个日期

    我正在尝试使用 Javascript 比较 2 个日期 如果 myDateL 位于 mydateR 之后 则单击该按钮时会显示一个消息框 我的代码有什么问题吗 我知道我见过类似的线程 但我无法理解 我希望有人能帮助我解决这个问题
  • 如何调整

    有没有办法制作一个 div 容器可以通过拖放调整大小吗 最好的方法是使用 CSS3 至少 Webkit 和 Gecko 支持它 根据w3c spec http www w3 org TR css3 ui resize div my clas
  • 引导崩溃仅切换一次

    我再次在这里拉扯我的头发 所以我已经使用 jsFiddle 进行了引导崩溃 http jsfiddle net rasreye xtPtH 1 http jsfiddle net rasreye xtPtH 1 但是当我添加到我的网站时 它
  • 将元素粘贴到滚动上固定元素的底部?

    基本上 我想要实现的目标是让辅助导航在滚动时与主导航的底部相遇后立即粘在主导航的底部 我仍在学习 jQuery 并且我已经开始抓狂了 编辑 意识到我没有解释到目前为止我已经到了哪里 该类被添加到元素中 但是它没有固定在主标题下方 而是从视口
  • jQuery 在变量中搜索文本?

    我有一个变量 其中包含一些文本 一些html 基本上可以是一个字符串 我需要在变量中搜索特定字符串 以便在包含该变量时以不同方式处理该变量 这是我正在尝试做的事情的一个片段 显然不起作用 each data results function
  • 如何从javascript中的base 64字符串获取图像文件大小? [复制]

    这个问题在这里已经有答案了 我有图像的 Base64 数据 data image png base64 iVBORw0KGgoAAAANSUhEUgAAAOcAAABnCAYAAAD7RFX4AAAACXBIWXMAAAsTAAALEwEA
  • 如何通过PHP获取div?

    我得到一个页面使用file get contents来自远程服务器 但我想过滤该页面并从中获取一个使用 PHP 具有 text 类的 DIV 我开始于DOMDocument但我现在迷路了 有什么帮助吗 file file get conte
  • 使用 Getter 函数从 Angular 服务公开对象返回未定义

    这是代码 authServ getUser 从任何地方返回 一个空对象 对应于此 var 的声明 即使在我根据此 问题 1 对返回语法进行修改之后也是如此 谁能告诉我这是什么问题吗 我不明白为什么它不起作用 app factory auth
  • Tensorflow.js 与 React-Native

    我知道tensor flow js是一个以网络为中心的库 但出于好奇 我也在react native上尝试了它 它有点有效 它仅适用于调试模式 并在调试模式关闭时抛出错误 错误说窗口 位置 搜索不是一个对象 经过一些研究 我发现窗口对象是在
  • 在本地计算机上验证 HTML

    我目前正在尝试学习 HTML 和 Java EE Servlet 编程 我的本地计算机 Orion 应用程序服务器 上运行着一个应用程序服务器 并且我正在使用同一台计算机上运行的浏览器连接到我部署在该服务器上的网页 定向到http loca
  • MomentJS:如何将 MM/DD/YYYY 中的日期解析为 DD/MM/YYYY

    如何在澳大利亚和美国时间格式中使用 moment js 例如 07 08 2017 对于两种时间格式都有好处 但是 30 08 2017 对于 moment js 无效 但我可以有这样的 dateTime 您可以在这里检查 http jsf
  • 如何获取 Firebase ID

    有人知道如何获取 Firebase 唯一 id 吗 我试过了name name key key 什么都不起作用 我可以看到数据 但不知道如何取回 id 我需要它 Create new customers into firebase func
  • 表格单元格中文本的垂直对齐方式

    这是我的表格的一部分 它是一个表格 这只是两个 td s in a tr 我想得到描述向上 到表格单元格的顶部 而不是停留在底部 我怎样才能做到这一点 td description vertical align top where desc
  • d3.js 雷达图 - 填充线条之间

    我正在尝试在其中两个三角形之间创建填充 例如在红色和绿色三角形之间创建红色填充 有人知道如何做到这一点吗 我见过另一个雷达图的例子 我相信它做了类似的事情 尽管我认为他们使用CSS而不是d3创建填充 使用径向图用 mbostock 的答案解
  • AngularJS ui-router:如何全局解析所有路由的典型数据?

    我有一个 AngularJS 服务 它与服务器通信并返回 申请表不同部分的翻译 angular module utils service Translations q http function q http translationsSer
  • Javascript“悬停时”循环

    任何人都可以帮助我解决这个问题 我有一个按钮 当悬停时会触发一个操作 但我希望只要按钮悬停就重复它 我很感激任何解决方案 无论是在 jquery 还是纯 javascript 中 这是我的代码此时的样子 在 jquery 中 var scr

随机推荐

  • Cellfun 与简单 Matlab 循环性能对比

    当我不久前在大学开始使用 matlab 时 如果我的主管看到任何不必要的 for 循环 他就会杀了我 他会要求将其交换为kron或任何可能的索引操作类型 后来 我试图尽可能避免 matlab 上的任何循环 寻找最黑暗的 matlab 编码方
  • 使用 matplotlib.tri.Triangulation 创建在 Matplotlib 的plot_trisurf 中使用的三角剖分

    我是一个尝试使用matplotlib tri Triangulation为 matplotlibs 生成三角形plot trisurf 我想指定三角形而不是让 Delaunay 三角剖分matplotlib tri Triangulatio
  • MySQL 选择特定列

    我是 PHP 新手 我想知道如何从一行中选择特定列 例如 如果我想显示 Joe Bugly 的名字 其中 ID 名字 姓氏和电子邮件都是列 Assuming that you don t want all columns that woul
  • PHP 将 15 分钟添加到时间值

    我有一个接收时间值的表单 selectedTime REQUEST time 时间格式如下 9 15 00 即上午 9 15 然后我需要添加 15 分钟并将其存储在一个单独的变量中 但我被难住了 我尝试使用 strtotime 但没有成功
  • 打开 Apple 地图进行导航并设置目的地名称

    我正在从 Google 的 Places API 获取位置数据 如下面使用的坐标 当从我的应用程序链接到 Apple 地图进行导航时 我当前正在使用 https maps apple com daddr latitude longitude
  • 如何将孙视图渲染到与第一个子视图相同的路由器出口中?

    这是对此的后续问题 Angular 2 辅助路由在 2 1 0 中如何工作 我也尝试过查看这个 但它并没有真正阐明这个问题 如何将子路由渲染到父级的路由出口 如果我有一条父路线 admin其中有一个
  • Php从关联数组中获取键[重复]

    这个问题在这里已经有答案了 我怎样才能从数组中只获取整个第一行 我使用 Laravel 例如当我说 request all 我收到 array 2 email gt email protected password gt adms Wh 我
  • StringBuilder 在 C# 内部如何工作?

    如何StringBuilder work 它有什么作用内部 它使用不安全的代码吗 为什么它这么快 与 操作员 当您使用 运算符构建字符串时 string s 01 s 02 s 03 s 04 然后 在第一次串联时 我们创建一个长度为 4
  • 打印出整个目录树

    我现在拥有的代码 import os Tree Tree os listdir Dir gt gt gt print Tree New Folder Textfile1 txt Textfile2 txt 这不会打印出子目录中的文件 新建文
  • 在运行时使用类型变量创建类型列表[重复]

    这个问题在这里已经有答案了 我试图简化在函数中创建多个变量的方法 这些变量针对不同类型和不同操作重复 最终我将迁移到可以处理多种类型的单个函数 但我是分阶段进行的 我希望能够创建其类型的对象列表而不是列表 而不必在各处复制 粘贴对象类型 我
  • Tcl 中是否有与 C stdlib.h 中的“string to X”函数等效的函数?

    有标准功能 例如atof and atoi in C s stdlib h用于将字符串转换为浮点数 整数 也可以执行相反的操作 Tcl 中是否有类似的功能 或者我是否需要编写自己的流程来执行这些任务 一切都是字符串在 Tcl 中 但是需要数
  • 如何将JFreeChart库添加到JDK?错误:包 org.jfree.chart 不存在

    在获得了一些其他语言的经验后 我开始使用 Java 对于所有这些 我一直在使用 Atom 代码编辑器 所以我已经使用 Java 进行管理 但最近我发现我需要使用外部库 JFreeChart 我使用 JDK 8 在 cmd Windows 上
  • 在 pandas 对象列上调用 `str.len` 时遇到问题

    我有一个 Pandas DataFrame 其中有一个名为的字符串列title我想将每一行的条目转换为该字符串的长度 所以 abcd 将被转换为4 等等 我正在这样做 result df title result df title str
  • SQL WHERE ID IN (id1, id2, ..., idn)

    我需要编写一个查询来检索大量 id 列表 我们确实支持许多后端 MySQL Firebird SQLServer Oracle PostgreSQL 因此我需要编写标准 SQL id 集的大小可能很大 查询将以编程方式生成 那么 最好的方法
  • Python re.sub 问题

    大家好 我不确定这是否可能 但我想在正则表达式替换中使用匹配的组来调用变量 a foo b bar text find a replacement for me a and b desired output find a replaceme
  • 在 SQL 中按分区分组或迭代

    有关 SQL 分区的两部分问题 在 T SQL 中 当您使用 PARTITION BY 时 除了 row number 之类的方法之外 是否还有一种方法可以为每个分区分配唯一的编号 例如 row number 会产生 Action Time
  • android 中的可绘制文本与左对齐

    I am new to custom view and didn t know much about canvas in android I wanted to align a left drawable to right side of
  • 如何在c中的2个进程之间传递整数值

    如何在两个进程之间传递整数值 例如 我有 2 个进程 child1 和 child2 Child1 向 child2 发送一个整数 然后 Child2 会将该值乘以 2 并将其发送回 child1 然后子级 1 将显示该值 在 Window
  • 将 GCM 迁移到 FCM,我应该/可以保留当前的 ​​GCM 服务器端代码吗?

    我一直在使用 GCM 服务向 PHP 服务器中的现有应用程序发送通知 按照https stackoverflow com a 11253231 3286489 现在我正在考虑迁移到 FCM 正如所指出的https stackoverflow
  • 如何在javascript中用另一个div替换div?

    如何在javascript中用另一个div替换div 这就是我所拥有的 div main div