網頁Web-Javascript-使用foreach迴圈抓取陣列並存入[清單]和[表格中]
1.javascript-使用foreach迴圈,讀取陣列變數值，存入清單中
2.javascript-使用foreach迴圈,讀取陣列變數值，存入表格中
1.javascript-使用foreach迴圈,讀取陣列變數值，存入清單中
<html>
<body>
<p id="box"></p>
</body>
</html>
<script>
menu = ["最新消息", "產品資訊", "聯絡資訊", "關於我們"];
text = "<ul>";
menu.forEach(myFunction);
text += "</ul>";
document.getElementById("box").innerHTML = text;
function myFunction(value) {
text += "<li>" + value + "</li>";
}
</script>
https://codepen.io/yiruatstudio/pen/eYzjMZQ
參考
2.javascript-使用foreach迴圈,讀取陣列變數值，存入表格中
<html>
<body>
<p id="demo"></p>
<p id="demo2"></p>
</body>
</html>
<script>
menu = ["最新消息", "產品資訊", "聯絡資訊", "關於我們"];
text = "<table border=1>";
menu.forEach(myFunction);
text += "</table>";
document.getElementById("demo").innerHTML = text;
text2 = "<table border=1><tr>";
menu.forEach(myFunction2);
text2 += "</tr></table>";
document.getElementById("demo2").innerHTML = text2;
console.log(text2);
function myFunction(value) {
text += "<tr><td>" + value + "</td></tr>";
}
function myFunction2(value) {
text2 += "<td>" + value + "</td>";
}
</script>
https://codepen.io/yiruatstudio/pen/NWrBYxw
Yiru@Studio - 關於我 - 意如