如何使用JavaScript获取与元素SPAN样式相关的所有文本？

Question

嗨，我是Java语言中的新程序。 它看起来非常有趣。

我正在使用Javascript从网页中获取元素。

特别是我想获得具有ID样式和特定值的SPAN元素的externalHTML文本：“ display：inline-block; width：270px;”

因此，这是一个示例：

“DESIRED_TEXT”

想要的文字是我想要的。

我很想用这个规则来获取它，因为在源代码中有很多不同种类的SPAN元素。

然后添加许多项目，在Javascript Array的源代码中找到的项目很多。

我有一个方法，但这仅用于获取ElementsBy名称：

"function GetNames()
  { 
    var images = document.getElementsByName('ListaFolios');
   var srcList = [];
    for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].getAttribute('value'));
    };"
    return srcList.join()
  }"

那就是HTML代码要解析的一部分：

<span style="display:inline-block;width:270px;">3CA6CE9B-B23F-49BC-B54B-3F4DFC894C51</span></td><td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">BBA830831LJ2</span></td>
<td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:250px;">BBVA BANCOMER, S.A.</span></td><td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">MCE0708241W5</span></td><td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:250px;">MG7 CONSTRUCCION Y EDIFICACION SA DE CV</span></td>
<td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">2015-01-01T03:58:02</span></td><td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">2015-01-01T04:31:14</span></td>
<td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">BBA830831LJ2</span></td>
<td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">$938.44</span></td>
<td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">Ingreso</span></td><td style="WORD-BREAK:BREAK-ALL;"><span style="display:inline-block;width:150px;">Vigente</span>

现在的目标是区分150px，因为两个值相同：

span style="display:inline-block;width:250px

和span style="display:inline-block;width:150px

对于span style="display:inline-block;width:270px我没有问题，我想网站所有者决定放置一个唯一值，因为它是唯一记录。

对于150PX。

我联合的结果在一个数组。 看起来像这样：

* Fecha de Emisión,CTU020225385 ,MCE0708241W5 ,2011-07-01T13:22:53,2011-07-01T13:23:01,TLE011122SC2 ,$6,100.00,Ingreso,Vigente,,CCO8605231N4 ,MCE0708241W5 ,2011-07-01T17:08:25,2011-07-01T17:08:26,DIA031002LZ2 ,$200.00,Ingreso,Vigente,,OEX950605MJ6 ,MCE0708241W5 ,2011-07-02T08:44:20,2011-07-02T08:44:20,DIA031002LZ2 ,$200.00,Ingreso,Vigente,,SAGC471229QB3,MCE0708241W5 ,2011-07-02T13:08:00,2011-07-02T13:08:01,SFE0807172W8 ,$2,360.12,Ingreso,Vigente,,CTU020225385 ,MCE0708241W5 ,2011-07-04T13:11:33,2011-07-04T13:12:06,TLE011122SC2 ,$12,200.00,Ingreso,Vigente,,CCO8605231N4 ,MCE0708241W5 ,2011-07-04T17:37:30,2011-07-04T17:37:30,DIA031002LZ2 ,

我正在寻找CTU020225385，CCO8605231N4，OEX950605MJ6和SAGC471229QB3之间存在一种模式。 这些值之间是7个项目。

因此，我需要删除数组上的这7个项目，依此类推，仅获得遵循这些模式的这些值。

问候

Answer 1

var spans = document.getElementsByTagName("span");

for(var i=0; i<spans.length; i++){
  var st = spans[i].style;
  if(st.display.match("inline-block") && st.width.match("270px")) {
      // We have a match! Do something with that element
      alert( spans[i].innerHTML ); // "DESIRED_TEXT"
  }
}