亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何為數組的每個值創建一個 h1 元素?

如何為數組的每個值創建一個 h1 元素?

回首憶惘然 2023-10-30 15:03:16
假設,假設我有一個名為“fruits”的數組,其中包含不同的水果??雌饋硐襁@樣的東西:var fruits = ["bannanna", "apple", "orange", "grapes"]我想用數組中的每個名稱創建一個 h1 元素。我該怎么做呢?
查看完整描述

3 回答

?
不負相思意

TA貢獻1777條經驗 獲得超10個贊

循環項目,并使用insertAdjacentHTML將項目添加到正文或您想要添加的任何位置。

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


fruits.forEach(item => document.body.insertAdjacentHTML('beforeend', `<h1>${item}</h1>`))



查看完整回答
反對 回復 2023-10-30
?
偶然的你

TA貢獻1841條經驗 獲得超3個贊

你可以通過 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);


查看完整回答
反對 回復 2023-10-30
?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

好吧,試試這個,我相信這會起作用:


    <!DOCTYPE html>

<html>

  <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>


查看完整回答
反對 回復 2023-10-30
  • 3 回答
  • 0 關注
  • 197 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號