根据数据自动生成html,我现在需要手动添加内容，怎么样让JS生成的DIV根据数据库内容自动生成？...

PHP：<?PHP

header("Content-Type: text/html; charset=utf-8");

include('conn.php');

$sql = "select * from article";

$res = mysqli_query($conn,$sql);

$arr = [];

while ($row = mysqli_fetch_array($res)){

$arr[] = $row['id'];

$arr[] = $row['art_name'];

}

echo json_encode($arr);

?>

Ajax://获取文章名称和id

$(document).ready(function(){

$.ajax({

url : "./php/active.php",

type : "post",

async : false,

success : function(msg) {

var res = JSON.parse(msg);

$("#art_name").append(res[1]);

$("#id").append("[ID:" + res[0] + "]");

},

})

})

Js:

window.onload = function() {

var article_list = document.getElementById('tw_xinxi');

var tw_lanmu = document.createElement("div");

tw_lanmu.innerHTML="

\

\

\

\

  \

\

\

\

\

客户资料\

\

\

编辑\

\

\

删除\

\

\

\

\

\

\

推文地址：

\

\

\

状态：\

启用\

停止\

\

\

开始\

\

\

停止\

\

\

\

\

\

\

\

\

\

\

";

article_list.appendChild(tw_lanmu);

}

效果图：

数据库截图：

我在js里面innerHTML了div的样式，效果如图上所示，左上角是对应了数据库中的art_name和id，但是现在只有一条，**我想知道下面这些内容怎么修改：

1、Js中的div样式怎么根据数据库中内容的数量自动生成？我目前现在只能手动添加。

2、Ajax获取PHP的返回值是个数组，我手动添加的div样式，获取数据库的id和name需要使用另外的span id，也是手动添加，然后append对应在数组res[]的位置，怎么样能自动获取不同id和name的进行显示？

3、Js的div样式中，编辑按钮有设定跳转页面，点击按钮会报错：

Uncaught SyntaxError: Unexpected end of input

说我标点符号错误，但是又不能使用""引号，怎么改能进行跳转？**