怎么把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>