總體來說，就是建立動態陣列，然後獲取元素，迴圈陣列，便利，賦值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
<title></title>
</head>
<style type="text/css">
#div2{
width:200px;
background: red;
text-align: center;
}
</style>
<script type="text/javascript">
window.onload = function(){
//二維動態陣列
var towarr = [
["小1"],
["小2"],
["小3"],
["小4"],
["小5"],
["小6"],
["小7"],
["小8"]
]
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var list = document.getElementById("list");
//建立動態元素 篩入ul標籤
for(var i=0;i<towarr.length;i++){
var li = document.createElement("li");
li.innerHTML = towarr[i][0];
list.append(li)
</script>
<body>
<div>
<ul>
</ul>
</div>
</body>
</html>
總體來說，就是建立動態陣列，然後獲取元素，迴圈陣列，便利，賦值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
<title></title>
</head>
<style type="text/css">
#div2{
width:200px;
background: red;
text-align: center;
}
</style>
<script type="text/javascript">
window.onload = function(){
//二維動態陣列
var towarr = [
["小1"],
["小2"],
["小3"],
["小4"],
["小5"],
["小6"],
["小7"],
["小8"]
]
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var list = document.getElementById("list");
//建立動態元素 篩入ul標籤
for(var i=0;i<towarr.length;i++){
var li = document.createElement("li");
li.innerHTML = towarr[i][0];
list.append(li)
}
}
</script>
<body>
<div>
<ul>
</ul>
</div>
</body>
</html>