从表格HTML中获取单元格的值
我想从HTML表中获取价值。
有一个表包含三个对象（选中哪条红线），我想获取值（选择哪条绿线）。
我现在写了类似的东西
var divElement = document.querySelector('.panel-shadow-helper-with-shadow');
if(divElement)
{
var divTableBody = divElement.querySelector('.yui-dt-data');
for(i = 0; i < divTableBody.length - 1; i++)
{
var sellValue = divTableBody[i].querySelector(?????);
var buyValue = divTableBody[i].querySelector(?????);
console.log(sellValue, buyValue);
}
}
但我不知道在?????放置什么。我想阅读所有对象的sell和buy值，QB.D.xxxxxxxx.xx.IP，x被不同的数字替换。
有什么想法吗？
1 个答案:
答案 0 :(得分：1)
选择所有querySelectorAll元素时，请使用querySelector代替tr。
＆＃13;
＆＃13;
＆＃13;
＆＃13;
var divElement = document.querySelector('.panel-shadow-helper-with-shadow');
if (divElement) {
var divTableBody = divElement.querySelectorAll('.yui-dt-data tr');
for (var i = 0; i < divTableBody.length; i++) {
var sellValue = divTableBody[i].querySelector('.yui-dt-col-sell').textContent.trim();
var buyValue = divTableBody[i].querySelector('.yui-dt-col-buy').textContent.trim();
console.log(sellValue, buyValue);
}
}<div id="panel3" class="panel chrome ig-resizable newPanel panel-shadow-helper-with-shadow" data-panel="" style="min-height: 118px; display: block; z-index: 117; min-width: 159px; top: 43px; left: 223px; height: 350px; width: 1100px;">
<div class="panelTitleBar">
<div class="panelTabs tabset tabset-panel">
<div class="tabset-tab-wrapper">
<div data-tab="dealingRates" class="tabset-tab-panel tabset-tab tabset-tab-panel-active"><span class="title">Prices</span><span class="tabClose close"></span>
</div>
</div>
</div>
<div class="chromeControls noDrag">
<ul class="icons">
<li class="settings">
<a igtitle=""></a>
</li>
<li class="chartExpand panelExpand hidden">
<a href="#" data-action="expand" igtitle="Maximise"></a>
</li>
<li class="container-tearoff hidden">
<a href="#" igtitle="Open in new window"></a>
</li>
<li class="iClose">
<a igtitle="Close window"></a>
</li>
</ul>
</div>
</div>
<div class="cIframeHolder">
<div class="view-holder ig-table-parent" data-uid="dealingRates" id="divDealingRates" style="top: 30px;">
<div class="table-holder-wrapper ig-table-container ig-table-puredeal-container market-list-type-list">
<div class="searchHeader"></div>
<div class="resizeWidths dataTablePanel ig-table listView marketList" style="overflow: visible;" id="prices">
<div class="ig-table-head">
<table>
<thead>
<tr>
<th data-column-id="market" class="yui-dt-col-market yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Market</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="lightbulb" class="yui-dt-col-lightbulb yui-dt-draggable" igtitle="A highlighted icon means the signal was recently published#Drag to move">
<div class="ig-table-cell-inner yui-dt-liner"><span class="yui-dt-label"> </span>
</div>
</th>
<th data-column-id="superNews" class="yui-dt-col-superNews yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner"><span class="yui-dt-label"> </span>
</div>
</th>
<th data-column-id="news" class="yui-dt-col-news yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner"><span class="yui-dt-label"> </span>
</div>
</th>
<th data-column-id="chart" class="yui-dt-col-chart yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner"><span class="yui-dt-label"> </span>
</div>
</th>
<th data-column-id="menu" class="yui-dt-col-menu yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner"><span class="yui-dt-label"> </span>
</div>
</th>
<th data-column-id="displayPeriod" class="yui-dt-col-displayPeriod yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Period</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="sell" class="yui-dt-col-sell yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Sell</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="buy" class="yui-dt-col-buy yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Buy</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="netChange" class="yui-dt-col-netChange yui-dt-draggable" igtitle="Click to sort#Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Change</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="percentageChange" class="yui-dt-col-percentageChange yui-dt-draggable" igtitle="Change on day (percentage)#Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>% Chg</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="updateTime" class="yui-dt-col-updateTime yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Update</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="high" class="yui-dt-col-high yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>High</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="low" class="yui-dt-col-low yui-dt-draggable" igtitle="Drag to move">
<div class="ig-table-cell-inner yui-dt-liner yui-resize"><span class="yui-dt-label"><div>Low</div></span>
<div class="ig-table-resize-handle"></div>
</div>
</th>
<th data-column-id="_extra" title="" class="yui-dt-col-_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"><span class="yui-dt-label"> </span>
</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="ig-table-body">
<table>
<tbody class="yui-dt-data">
<tr data-record-id="QB.D.FT1345UD.01.IP" class="rec-QB.D.FT1345UD.01.IP">
<td class="yui-dt-col-market" data-column-id="market">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 300px;"><a class="tableIcon dealOpen" igtitle="Status: Market Open#Action: Place new Deal">FTSE to be above 6280.28 at 1:50pm</a>
</div>
</td>
<td class="yui-dt-col-lightbulb" data-column-id="lightbulb">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="signal-status" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-superNews" data-column-id="superNews">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="superNewsIcon off" igtitle="Reuters Info" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-news" data-column-id="news">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="newsIcon off" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-chart" data-column-id="chart">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="basicChartIcon on" href="#" igtitle="Chart"> </a>
</div>
</td>
<td class="yui-dt-col-menu" data-column-id="menu">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="optionsBtn" href="#" igtitle="Click for more options"> </a>
</div>
</td>
<td class="yui-dt-col-displayPeriod" data-column-id="displayPeriod">
<div class="ig-table-cell-inner yui-dt-liner" igtitle="" style="width: 80px;">06-JUN-16</div>
</td>
<td class="yui-dt-col-sell" data-column-id="sell">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price priceFlashUp">17.4</div>
</div>
</td>
<td class="yui-dt-col-buy" data-column-id="buy">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price priceFlashUp">22.6</div>
</div>
</td>
<td class="yui-dt-col-netChange" data-column-id="netChange">
<div class="ig-table-cell-inner yui-dt-liner blue" style="width: 69px;">0.5</div>
</td>
<td class="yui-dt-col-percentageChange" data-column-id="percentageChange">
<div class="ig-table-cell-inner yui-dt-liner blue" style="width: 68px;">6277.9</div>
</td>
<td class="yui-dt-col-updateTime" data-column-id="updateTime">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 75px;"><span>13:45:31</span>
</div>
</td>
<td class="yui-dt-col-high" data-column-id="high">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;"><span>100.0</span>
</div>
</td>
<td class="yui-dt-col-low" data-column-id="low">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;"><span>0.0</span>
</div>
</td>
<td class="yui-dt-col-_extra" data-column-id="_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"> </div>
</td>
</tr>
<tr data-record-id="QB.D.FT1345UD.02.IP" class="rec-QB.D.FT1345UD.02.IP">
<td class="yui-dt-col-market" data-column-id="market">
<div class="ig-table-cell-inner yui-dt-liner"><a class="tableIcon dealOpen" igtitle="Status: Market Open#Action: Place new Deal">FTSE to be above 6277.28 at 1:50pm</a>
</div>
</td>
<td class="yui-dt-col-lightbulb" data-column-id="lightbulb">
<div class="ig-table-cell-inner yui-dt-liner"><a class="signal-status" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-superNews" data-column-id="superNews">
<div class="ig-table-cell-inner yui-dt-liner"><a class="superNewsIcon off" igtitle="Reuters Info" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-news" data-column-id="news">
<div class="ig-table-cell-inner yui-dt-liner"><a class="newsIcon off" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-chart" data-column-id="chart">
<div class="ig-table-cell-inner yui-dt-liner"><a class="basicChartIcon on" href="#" igtitle="Chart"> </a>
</div>
</td>
<td class="yui-dt-col-menu" data-column-id="menu">
<div class="ig-table-cell-inner yui-dt-liner"><a class="optionsBtn" href="#" igtitle="Click for more options"> </a>
</div>
</td>
<td class="yui-dt-col-displayPeriod" data-column-id="displayPeriod">
<div class="ig-table-cell-inner yui-dt-liner" igtitle="">06-JUN-16</div>
</td>
<td class="yui-dt-col-sell" data-column-id="sell">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price priceFlashUp">53.4</div>
</div>
</td>
<td class="yui-dt-col-buy" data-column-id="buy">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price priceFlashUp">60.0</div>
</div>
</td>
<td class="yui-dt-col-netChange" data-column-id="netChange">
<div class="ig-table-cell-inner yui-dt-liner blue">0.5</div>
</td>
<td class="yui-dt-col-percentageChange" data-column-id="percentageChange">
<div class="ig-table-cell-inner yui-dt-liner blue">6277.9</div>
</td>
<td class="yui-dt-col-updateTime" data-column-id="updateTime">
<div class="ig-table-cell-inner yui-dt-liner"><span>13:45:32</span>
</div>
</td>
<td class="yui-dt-col-high" data-column-id="high">
<div class="ig-table-cell-inner yui-dt-liner"><span>100.0</span>
</div>
</td>
<td class="yui-dt-col-low" data-column-id="low">
<div class="ig-table-cell-inner yui-dt-liner"><span>0.0</span>
</div>
</td>
<td class="yui-dt-col-_extra" data-column-id="_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"> </div>
</td>
</tr>
<tr data-record-id="QB.D.FT1345UD.03.IP" class="rec-QB.D.FT1345UD.03.IP">
<td class="yui-dt-col-market" data-column-id="market">
<div class="ig-table-cell-inner yui-dt-liner"><a class="tableIcon dealOpen" igtitle="Status: Market Open#Action: Place new Deal">FTSE to be above 6274.28 at 1:50pm</a>
</div>
</td>
<td class="yui-dt-col-lightbulb" data-column-id="lightbulb">
<div class="ig-table-cell-inner yui-dt-liner"><a class="signal-status" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-superNews" data-column-id="superNews">
<div class="ig-table-cell-inner yui-dt-liner"><a class="superNewsIcon off" igtitle="Reuters Info" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-news" data-column-id="news">
<div class="ig-table-cell-inner yui-dt-liner"><a class="newsIcon off" href="#"> </a>
</div>
</td>
<td class="yui-dt-col-chart" data-column-id="chart">
<div class="ig-table-cell-inner yui-dt-liner"><a class="basicChartIcon on" href="#" igtitle="Chart"> </a>
</div>
</td>
<td class="yui-dt-col-menu" data-column-id="menu">
<div class="ig-table-cell-inner yui-dt-liner"><a class="optionsBtn" href="#" igtitle="Click for more options"> </a>
</div>
</td>
<td class="yui-dt-col-displayPeriod" data-column-id="displayPeriod">
<div class="ig-table-cell-inner yui-dt-liner" igtitle="">06-JUN-16</div>
</td>
<td class="yui-dt-col-sell" data-column-id="sell">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price priceFlashDown">85.6</div>
</div>
</td>
<td class="yui-dt-col-buy" data-column-id="buy">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price">90.4</div>
</div>
</td>
<td class="yui-dt-col-netChange" data-column-id="netChange">
<div class="ig-table-cell-inner yui-dt-liner blue">0.5</div>
</td>
<td class="yui-dt-col-percentageChange" data-column-id="percentageChange">
<div class="ig-table-cell-inner yui-dt-liner blue">6277.9</div>
</td>
<td class="yui-dt-col-updateTime" data-column-id="updateTime">
<div class="ig-table-cell-inner yui-dt-liner"><span>13:45:32</span>
</div>
</td>
<td class="yui-dt-col-high" data-column-id="high">
<div class="ig-table-cell-inner yui-dt-liner"><span>100.0</span>
</div>
</td>
<td class="yui-dt-col-low" data-column-id="low">
<div class="ig-table-cell-inner yui-dt-liner"><span>0.0</span>
</div>
</td>
<td class="yui-dt-col-_extra" data-column-id="_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"> </div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？