从html字符串获取列值-Javascript_Javascript_Html

从html字符串获取列值-Javascript

javascript html

从html字符串获取列值-Javascript,javascript,html,Javascript,Html,我从服务器收到一个html字符串的响应，如下所示。请注意，始终有一个数据行： <html> <head> <title>Geoserver GetFeatureInfo output</title> </head> <body> <table class="featureInfo"> <caption class="featureInfo">CATAST_P

我从服务器收到一个html字符串的响应，如下所示。请注意，始终有一个数据行：

<html>
  <head>
    <title>Geoserver GetFeatureInfo output</title>
  </head>
  <body>
    <table class="featureInfo">
        <caption class="featureInfo">CATAST_Pol_ParcelaRusti</caption>
        <tr>
            <th>fid</th>
            <th >FEATURE</th>
            <th >REFCAT</th>
            <th >CMUNICIPIO</th>
            <th >MUNICIPIO</th>
        </tr>
        <tr>
            <td>CATAST_Pol_ParcelaRusti.109</td>    
            <td>200007</td>
            <td>1010232</td>
            <td>1</td>
            <td>ABÁIGAR</td>
        </tr>
    </table>
    <br/>
  </body>
</html>


Geoserver GetFeatureInfo输出
卡塔斯特波尔帕切拉蒂酒店
氢火焰离子化检测器
特征
雷夫卡特
科姆尼奇皮奥
市政
CATAST_Pol_Parcelarsti.109
200007
1010232
1.
阿比加

是否有一种方法可以通过编程方式获取

REFCAT

值（

=1010232

）从html字符串

提前感谢。

您可以使用

let th=Array.from（document.queryselectoral（'.featureInfo-th'））
.find（el=>el.innerText==='REFCAT'）
让td=Array.from（document.querySelectorAll（'.featureInfo-td'））
.find（el=>el.cellIndex==th.cellIndex）
console.log（td.innerText）


卡塔斯特波尔帕切拉蒂酒店
氢火焰离子化检测器
特征
雷夫卡特
科姆尼奇皮奥
市政
CATAST_Pol_Parcelarsti.109
200007
1010232
1.
阿比加

总是有一个数据行@user863查看下一行如果使用JQuery，这种访问非常容易，没有JQuery，您可以为每个td标记提供一个标识其行和列的id，例如，如果r为基数0，则id=“r1c3”。那么它就足够简单了：document.getElementByID（“r1c3”）；看看Javascript上的DOM横向函数，例如childNodes和nextSibling，比如：var TRARR=document.getElementByID（“featureInfo”）.childNodes；TDARR=TRARR[2]。子节点；log（TDARR[2].innerText）；