javascript - 显示总数HTML <span> 中的行

标签 javascript html

我需要您的帮助来显示适当范围内可用表的总行数。有 3 个表,我希望下面的代码显示总数。 span1 中第一个表的行数和总数span2 中第二个表的行数。 JavaScript 是:

function count() {        
    var tables = document.getElementsByClassName("tablesorter");        
    var rows;        
    var span = Array();                 

    for (var i = 0; i < tables.length; i++) {        
        rows = tables[i].rows.length-1;        
        alert(rows);        
        alert(span[i]);        
        span[i].innerHTML = rows;        
    }

} 

但是,span[i] 并未获取该值并将其打印在 HTML span 中。 HTML 代码为:

<body>
    <span id="span1"></span>
    <span id="span2"></span>
    <span id="span3"></span>
</body>

我期待您的助手和帮助。

最佳答案

改用这个函数:

function count() {

    var tables = document.getElementsByClassName("tablesorter");

    var rows;

    for (var i = 0; i < tables.length; i++) {

        rows = tables[i].rows.length-1;

        alert(rows);

        document.getElementById("span" + (i + 1)).innerHTML = rows;

    }
} 

你从来没有提到跨度,所以这就是我使用的原因

document.getElementById("span" + (i + 1)).innerHTML = rows;

关于javascript - 显示总数HTML <span> 中的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25534432/

相关文章:

javascript - 使用在每个 div 中的元素中找到的文本按搜索进行过滤

php - 通过 IP 显示国家标志

javascript - 本地服务的页面无法在根的父文件夹中找到 Assets

javascript - 如何制作用户可以使用导航按钮而不使用计时器的幻灯片

html - CSS 在改变方向之前暂停动画

html - CSS 相对位置 left 有效,但 top 无效

javascript - 我可以使用 HummuJS 修改现有 PDF 文件中的框吗?

javascript - 使用 useState Hook 时 - 更改 setState 函数调用顺序是否重要?

javascript - Google 图表组条形图

javascript - 如何使用 jquery 或 java 脚本验证下拉框