jquery - HTMLCollection 长度返回 0

Question

在我可以添加其他信息之前，我之前的帖子已被删除，但让我们再试一次......

我看过其他类似的帖子，但我的调整没有成功。

var table = document.getElementById("report-table");
var rows = table.getElementsByTagName("tr");
console.log(rows.length);
console.log(rows);

0

HTMLCollection []
长度：1077

我的表是使用 Jquery+AJAX 填充的。我认为这可能是因为脚本放置问题，但我在表格完成填充后将其移至结果是相同的。

编辑

$.ajax({
    url: 'test.php',
    type: 'post',
    data: {"order":order, "json":json},
    success: function(json){
        var js = Object.values(JSON.parse(json));
        js = JSON.parse(json);
        js.forEach(function(element){   
            var title = element['title'];
            var date = element['date_stamp'];
            $('#report-table').append('<tr class="report-item"><td>&emsp;'+title+'</td><td>'+date+'</td></tr>');
        });             
    }
});
var table = document.getElementById("report-table");
var rows = table.getElementsByTagName("tr");
console.log(rows.length);
console.log(rows);

HTML

<table class="report-table">
    <tr class="report-head">
        <th colspan="2">Report</th>
        <th colspan="2" class="right">List By : 
            <select id="sort-select" onchange="sort(json)">
            ...
            </select>
        </th>
    </tr>
</table>
<div class="my-table-responsive">
    <table id="report-table" class="report-table">
    </table>
</div>  

标签： jqueryhtml