3 回答

TA貢獻1777條經驗 獲得超10個贊
循環項目,并使用insertAdjacentHTML將項目添加到正文或您想要添加的任何位置。
var fruits = ["bannanna", "apple", "orange", "grapes"]
fruits.forEach(item => document.body.insertAdjacentHTML('beforeend', `<h1>${item}</h1>`))

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

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>
- 3 回答
- 0 關注
- 197 瀏覽
添加回答
舉報