时间戳

首页 > 解决方案 > 从名称数组中制作 HTML 按钮，并将它们插入 DOM

javascript - 从名称数组中制作 HTML 按钮，并将它们插入 DOM

问题描述

我不知道如何使用数组将这些变成按钮：

var widgetButtons = ["Zoom In", "Zoom Out", "Pan", "Search"]

任何帮助，将不胜感激。这是我尝试使用的代码

   <body>
   <div id="demo"></div>
   <script>
        var widgetButtons = ["Zoom In", "Zoom Out", "Pan", 
        "Search"];
   </script>
   </body>
   </html>

标签： javascripthtmlbutton

解决方案

在您的 HTML 中：<div id="new">

在您的 JS / 脚本中：

var widgetButtons = ["Zoom In", "Zoom Out", "Pan",
      "Search"];
    var element = document.getElementById("new");

    for (const widgetButtonsKey of widgetButtons) {
      var x = document.createElement("BUTTON");
      x.innerText = widgetButtonsKey
      console.log(x);
      element.appendChild(x);
    }

推荐阅读