javascript - 如何显示从一个公共点开始的数据

Question

我有这段代码我在 html 中显示数据列表，但是数据没有以正确的格式显示，添加屏幕截图我怎样才能从同一点开始

let text = document.getElementById("text");
 datares = response;
 
for (let i = 0; i < 5; i++) {
                        text.innerHTML += "<a  href= " + datares.jsonData.data[i].uri + " target= _blank class= 'links'><span id='rank'>" + datares.jsonData.data[i].rank + ".&nbsp </span>" + " " + datares.jsonData.data[i].title + "</a><br>";
                    }

#rank {
            text-decoration: none !important;
            color: #006ccc
        }

        a> span {
            display: inline-block;
            /* Remove parent's text-decoration */
            text-decoration: none !important;
        }
         .links {
            color: black;
            float: left;
            text-align: left;
            padding-left: 22px;
            font-size: 17px;
            width: 100%;
            text-decoration: underline;
            color: #006ccc
        }

标签： javascripthtmlcss

Answer 1

而不是添加等级和不间断空格

"<span id='rank'>" + datares.jsonData.data[i].rank + ".&nbsp </span>"

你为什么不尝试使用有序列表

"<ol><li>" + datares.jsonData.data[i].title + "</li></ol>"

有序列表将为您添加数字。