怎么把js获得的list数据加上链接定向显示在HTML中，并且点击对应内容会访问链接内容

    想把从后台获取的list数据显示在指定的标签位置，比如从后台获取到了某门课程的章节列表，然后将他们分别输出到对应的位置，并且为每个章节设置对应的链接，点击这个链接就可以访问相应的章节视频。

    如果要把js的内容输出到HTML的位置，需要通过getElementById()来通过标签的ID定位，用innerHTML设置要显示的信息，下面的语句中e.title是获取的章节名称，给他加上<a href=e.address>就是给每个章节加上其视频对应的URL地址。

            <p>目录</p>
            <p id="demo"></p>
           
            <script th:inline="javascript">
        		var arr = [[${videolist}]];
        		demoP=document.getElementById("demo");
       		 	arr.forEach(function(e) {
       		 		demoP.innerHTML=demoP.innerHTML+"<a href="+e.address+">"+e.title+"</a>"+"<br />";
           		
        		})
   			</script>