当前位置: 首页 > 知识库问答 >
问题:

我想在单击按钮时显示一个div

安博文
2023-03-14

我需要帮助创建一个div,当你点击一个按钮时,里面有自定义超文本标记语言的div会被创建。

<html>
<link rel="stylesheet" href="style.css">
   <script type="text/javascript">
   var template = `
   <div class="block">
      Hello World!
      </div>
`
function createBlock() {

}
   </script>
   <button onclick="createBlock()">Create div</button>
</html>

如果这是可能的(很可能是),我正在制作一个邮箱。

谢谢!!!

共有2个答案

宰父玄天
2023-03-14

与创建元素不同,更好的方法(具有相同的效果)是隐藏并显示元素,如下所示:

#block {
  display: none;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<link rel="stylesheet" href="style.css">

<button onclick="createBlock()">Create div</button>
  <div id="block">
    Hello World!
   </div>
      
  <script type="text/javascript">
  function createBlock() {
    block = document.getElementById("block")
    block.style.display = "block"
  }
   </script>

</body>
</html>
祁建业
2023-03-14

你在找这样的东西吗?

js prettyprint-override">var template = `
   <div class="block">
      Hello World!
      </div>
`
function createBlock() {
  let myDiv = document.createElement('div');
  document.body.append(myDiv);
    myDiv.outerHTML = template;
}
.block{ background: red }
<html>
<link rel="stylesheet" href="style.css">
   <button onclick="createBlock()">Create div</button>
</html>
 类似资料:
  • 问题内容: 我是Swing的新手。 我要在单击按钮(完成按钮)后更新表格。我认为数据正确,但屏幕无法正常工作。 以下是我程序的说明 选中复选框,然后单击完成按钮 最底层应更改。 没有主 这是我的代码: 问题答案: 而不是这样做… 只需更新现有模型 或简单地 假设您要继续向表中添加新行。如果您要这样做,还可以先清除表,然后再向其中添加新行。 Swing的工作原理是MVC(模型-视图- 控制器 ),该

  • 我正在尝试网络抓取,我需要模拟对buttoN的点击,我已经尝试过了: 并返回此错误: selenium . common . exceptions . nosuchelementexception:消息:没有这样的元素:找不到元素:{"method":"xpath "," selector ":"//*[@ id = " CTL 00 _ CP h1 _ BtnTipoGobierno "]" }

  • 嘿,我正在做一个java项目,我会试着把我的问题概括出来... 我有一个jpanelX,其中包含juckons1到5。所有这些按钮都连接到相同的actionlistener和相同的操作执行方法。我还将点击的按钮的来源保存到全局字符串变量中。 我有另一个JpanelY。JpanelY包含字符串数组。 我想将这两种行为联系起来: > 用户点击JpanelX上的按钮 显示的是JpanelY而不是Jpan

  • 它表示TypeError:无法读取未定义的属性(读取'then')。我需要先显示警报消息,然后再打开窗口。打开站点。

  • 按钮点击页面后刷新并重定向到另一个页面。在我的情况下,点击按钮后,我给页面刷新超时,但点击按钮后,它显示超时异常,没有时间等待。 例外: 失败:createEventTest组织。openqa。硒。TimeoutException:等待页面加载时超时。命令持续时间或超时:15.08秒构建信息:版本:“2.53.0”,修订版:“35ae25b1534ae328c771e0856c93e187490c

  • 我正在尝试隐藏按钮div和显示一个隐藏的div后,一个表单按钮已经被点击,加上延迟提交/重定向。下面是我想出的办法,但似乎没有100%奏效。 null null 任何建议都非常感谢