如何从多个div获取值到Javascript变量

时间:2017-04-24 18:42:27

标签: javascript c# jquery asp.net sharepoint

我在将问题从div id存储到javascript中的local varible时遇到了问题。 我有一个生成动态div标签的表。所以以某种方式使用表Id我可以获得变量中的动态div标签。我可以使用alert(variable.innerHTML)查看这些div标签。我需要内部HTML的值。

以下是我的警报输出。

我需要获取日期的值,以便我可以找到天数。

<iframe src="javascript:false;" id="FilterIframe33" name="FilterIframe33" style="display:none" height="0" width="0" filterlink="?">
</iframe>
<table summary="Active Projects " o:webquerysourcehref="url;XMLDATA=1&amp;RowLimit=0&amp;View={A6F61185-B2B2-4A3C-8401-FDCCA1D9673D}" width="100%" border="0" cellspacing="0" dir="none" onmouseover="                  EnsureSelectionHandler(event,this,33)                " cellpadding="1" id="{CD556AFD-0460-4DA1-8103-07AFB43D0847}-{A6F61185-B2B2-4A3C-8401-FDCCA1D9673D}" class="ms-listviewtable ms-basictable                  " xmlns:o="urn:schemas-microsoft-com:office:office" handledeleteinit="true">
<thead>
<tr valign="top" class="ms-viewheadertr ms-vhltr">
<th nowrap="" scope="col" onmouseover="OnChildColumn(this)" class="ms-vh2">
<div sortable="" sortdisable="" filterdisable="" filterable="FALSE" filterdisablemessage="" name="Project_x0020_Name" ctxnum="33" displayname="Proj...-presence-disconnected-10x10x32" title="" showofflinepawn="1" src="/_layouts/15/images/spimn.png?rev=23" alt="No presence information" sip="email.iD" id="imn_7094,type=smtp"></span>
</a>
</span>
<span class="ms-noWrap ms-imnSpan"><a href="#" onclick="IMNImageOnClick(event);return false;" class="ms-imnlink" tabindex="-1">
<img name="imnmark" class="ms-hide" title="" showofflinepawn="1" src="/_layouts/15/images/blank.gif?rev=23" alt="" sip="emailID" id="imn_7095,type=smtp">
</a>
<a class="ms-subtleLink" onclick="GoToLinkOrDialogNewWindow(this);return false;" href="/_layouts/15/userdisp.aspx?ID=11">Brad Griggs
</a>
</span>
</span></td><td class="ms-vb2">
<div align="right">61 %</div>
</td><td class="ms-vb2">
<div><img src="/SiteAssets/On%20Track.png"></div>
</td><td class="ms-vb2">Jody Standifer</td>
<td class="ms-vb2">
<nobr>10/25/2016</nobr>
</td>
<td class="ms-vb2">
<nobr>8/11/2017</nobr>
</td><td class="ms-vb2">
<nobr>4/21/2017 2:30 PM</nobr>
</td>
</tr>
</tbody>
</table>

1 个答案:

答案 0 :(得分:0)

你可以使用jquery作为评论建议。如果您的观众至少在IE9上,您也可以坚持使用普通的javascript。如果不是在本地Intranet公司的应用程序上,那肯定不会工作,然后学习jquery,它将帮助你从长远来看做得更快。

我会摆脱&#34; nobr&#34;用法第一。使用css来处理空格。

你班级中的值= ms-vb2似乎并不一致,因为他们并不总是日期在这里使用类选择器时要小心。

var n = document.getElementsByClassName("ms-vb2").length;

    for (var i=0, n; i < n; i++) {       
        console.log(document.getElementsByClassName("ms-vb2").item(i).firstChild.nodeValue)
    }