从 Javascript 数组创建一个按钮数组

Question

从 Javascript 数组创建一个按钮数组

我想根据存储在 Javascript 中的数组在 html 正文中创建一堆按钮。这是我的代码：

<!DOCTYPE>
<html>
     <head>
           <script>
                var listBrand =['LEXUS','AUDI','MAYBACK','FERRARI','TOYOTA'];   
                //the array
                function printBtn() {
                    for (var i = 0; i < listBrand.length; i++) {
                       var btn = document.createElement("button");
                       var t = document.createTextNode(listBrand[i]);
                       btn.appendChild(t);
                       document.body.appendChild(btn);
                    }
                }
           </script>  
     </head>
     <body>
          <div onload="printBtn();">
          
          </div>
     </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我想在页面加载时将所有 5 个按钮LEXUS, AUDI, MAYBACK,FERRARI和TOYOTA显示在正文中，但按钮无法显示。

我的代码有什么问题吗？任何帮助和/或解释表示赞赏。谢谢你。