Javascript 如何为数组的每个值创建h1元素？_Javascript_Html

Javascript 如何为数组的每个值创建h1元素？

javascript html

Javascript 如何为数组的每个值创建h1元素？,javascript,html,Javascript,Html,假设我有一个名为“水果”的数组，其中包含不同的水果。看起来像这样的东西： var fruits=[“bannanna”、“apple”、“orange”、“grapes”]在项目上循环，并使用将项目添加到正文中或您想要添加的任何位置 var fruits=[“班纳纳”、“苹果”、“橙子”、“葡萄”] fruits.forEach（item=>document.body.insertAdjacentHTML（'beforeend'，`${item}'））您可以通过forEach来完成 <

假设我有一个名为“水果”的数组，其中包含不同的水果。看起来像这样的东西：

var fruits=[“bannanna”、“apple”、“orange”、“grapes”]

在项目上循环，并使用将项目添加到正文中或您想要添加的任何位置

var fruits=[“班纳纳”、“苹果”、“橙子”、“葡萄”]
fruits.forEach（item=>document.body.insertAdjacentHTML（'beforeend'，`${item}'））

您可以通过forEach来完成

<div id="generate-h1"></div>

var fruits = ["bannanna", "apple", "orange", "grapes"]

// Create any HTML Element to put H1 Tags into this HTML Tag
var main = document.createElement('main');

// Create H1 items for each fruits
// Append it to the main Tag or whatever you have.
fruits.forEach(function (fruits) {
    var headline = document.createElement('h1');
    headline.textContent = fruits;
    main.appendChild(headline);
});


// Inject into the DOM
var app = document.querySelector('#generate-h1');
app.appendChild(main);


var水果=[“班纳纳”、“苹果”、“橙子”、“葡萄”]
//创建任何HTML元素以将H1标记放入此HTML标记中
var main=document.createElement（'main'）；
//为每个水果创建H1项目
//将其附加到主标记或任何您拥有的内容。
水果。forEach（功能（水果）{
var headline=document.createElement（'h1'）；
headline.textContent=水果；
主要.附件（标题）；
});
//注入DOM
var app=document.querySelector（“#generate-h1”）；
app.appendChild（主）；

好的，试试这个，我相信它会起作用：

    <!DOCTYPE html>
<html lang="en">
  <head>
    <title>Try This</title>
  </head>
  <body>
    <h1 id="fruit"></h1>
    <script>
      var fruits = ["bannanna", "apple", "orange", "grapes"];
      var text = "";
      var i;
      for (i = 0; i < fruits.length; i++) {
        text += fruits[i] + "<br>";
      }
      document.getElementById("fruit").innerHTML = text;
    </script>
  </body>
</html>


试试这个
var水果=[“班纳纳”、“苹果”、“橙子”、“葡萄”]；
var text=“”；
var i；
对于（i=0；i”；
}
document.getElementById（“水果”）.innerHTML=text；

您想将h1元素放在哪里？