首页 / JAVASCRIPT / 如何使用javascript获取HTML表格内容？

如何使用javascript获取HTML表格内容？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript获取HTML表格内容？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2927字，纯文字阅读大概需要5分钟。

内容图文

我正在创建一个Greasemonkey脚本,它将基于文本的游戏中的信息读取并存储到数据库中以供将来使用.

我想要的是能够读取用户的统计数据并将这些统计数据转换为变量,以便我可以继续使信息变得有用.

这是表格的源代码,我想从中获取统计信息：

<table width="100%">
<tr>
<td width="50%" valign="top" style="padding-right: 25px;">
    <table  class="table_lines" width="100%" cellspacing="0" cellpadding="6" border="0">
    <tr>
        <th colspan="3">Military Effectiveness</th>
    </tr>
    <tr>
        <td><b>Strike Action</b></td>
        <td align="right">16,376,469,657</td>
        <td align="right">Ranked #443</td>
    </tr>
    <tr>
        <td><b>Defensive Action</b></td>
        <td align="right">4,016,716,436</td>
        <td align="right">Ranked #569</td>
    </tr>
    <tr>
        <td><b>Spy Rating</b></td>
        <td align="right">12,245,896</td>
        <td align="right">Ranked #1,204</td>
    </tr>
    <tr>
        <td><b>Sentry Rating</b></td>
        <td align="right">5,291,630,090</td>
        <td align="right">Ranked #831</td>
    </tr>
</table>

现在你可以看到统计数据没有识别类ID或任何东西,所以我不知道如何做到这一点.我只是真的使用PHP,所以JS对我来说很新,但它似乎与PHP类似.

也许某事说“After< td>< b> Strike Action< / b>< / td&gt ;,抓住第一个td值”,然后将其作为变量？ 注意：罢工行动,防御行动,间谍等级和哨兵等级是我需要的变量.

解决方法:

>使用jQuery可以更轻松地解析表格.
>由于您需要评级,请不要忘记将数字解析为javascript整数.
>如果页面是AJAX驱动的,请使用AJAX-aware techniques.

这是一个完整的Greasemonkey / Tampermonkey脚本,展示了如何完成所有这些：

// ==UserScript==
// @name     _Parse table information that has low information scent.
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @include  http://bilalrammal.ca/clicker/tester.html
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (".table_lines", parseMilitaryEffectivenessTable);

function parseMilitaryEffectivenessTable (jNode) {
    //--- Note that :contains() is case-sensitive.
    var strikeAction    = jNode.find ("tr:contains('Strike Action') td:eq(1)").text ();
    var defensiveAction = jNode.find ("tr:contains('Defensive Action') td:eq(1)").text ();
    var spyRating       = jNode.find ("tr:contains('Spy Rating') td:eq(1)").text ();
    var sentryRating    = jNode.find ("tr:contains('Sentry Rating') td:eq(1)").text ();

    //--- Convert strings to integers...
    strikeAction        = parseInt (strikeAction   .replace (/\D/g, ""), 10);
    defensiveAction     = parseInt (defensiveAction.replace (/\D/g, ""), 10);
    spyRating           = parseInt (spyRating      .replace (/\D/g, ""), 10);
    sentryRating        = parseInt (sentryRating   .replace (/\D/g, ""), 10);

    //--- Show on console:
    console.log ("strikeAction: ",       strikeAction);
    console.log ("defensiveAction: ",    defensiveAction);
    console.log ("spyRating: ",          spyRating);
    console.log ("sentryRating: ",       sentryRating);
}

内容总结

以上是互联网集市为您收集整理的如何使用javascript获取HTML表格内容？全部内容，希望文章能够帮你解决如何使用javascript获取HTML表格内容？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/725630.html

来源：【匿名】