包含的DOM元素上的Javascript操作

基本上，我所做的是根据经典ASP中的下拉选择动态加载外部HTML文件。对于我工作的人来说，这是一个古老的系统，所以除了解决这个问题，我没有太多的选择。包含的HTML只是这样一个数据表

<table cellspacing="0" cellpadding="0" style="vertical-align:top; width:100%; ">
<tr style="line-height:14px;" >
<td width="150"><b style="color:#888888;">Symbol<b></td>
<td ><b style="color:#888888;">Security</b></td>
<td width="150" style="text-align:right;"><b style="color:#888888;">Amount</b></td>
<td width="150" style="text-align:right;"><b style="color:#888888;">Mkt Value</b>    </td>
<td width="150" style="text-align:right;"><b style="color:#888888;">Est.Next Date</b></td>
</tr>
<tr style="line-height:14px; background-color: #f0f0e8;">
<td>QPRMQ</td>
<td>BANK DEPOSIT SWEEP PRGRAM FDIC ELIGIBLE</td>
<td style="text-align:right;">100.00%</td>
<td style="text-align:right;">$191.77</td>
<td style="text-align:right;" id="NextSWPDate">11/15/2010</td>
</tr>
</table>

谢谢,，

---

NickG

您的标签提到了jQuery，所以我希望jQuery解决方案是可以接受的。一个标准的

$（“#NextSWPDate”）.text（“任意”）对我来说很好
 对于包含的HTML或生成的HTML，您可能希望等待执行javascript，直到DOM完全加载。
为此，请尝试使用javascript的window.onload或jQuery的$（document.ready）函数

 The property is read/write for all objects except the following, for 
 which it is read-only: COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE,
 TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

Colin's work-around (setting innerText on the td instead of innerHTML on the tr)
is a good one in your case. If your needs become more complex, you'll have to
resort to The Table Object Model.

来源于

请参阅
确定，因此必须实现jQuery.load函数的回调函数：$（“#yourDiv”）.load（“youExternalFile”，function（）{//your stuff here…}）；请参见api.jquery.com/load/#callback function–mguimard 3小时前
加载html文件后是否调用该函数？如何加载这个外部html文件？加载完所有内容后，我调用document.ready（）{}函数中的外部函数。外部HTML文件也通过document.ready（）中的.load（）函数加载，但在我的SetNextSWPDate（）函数之前加载。.load（）用于页面中的。好的，因此必须对jQuery.load函数实现回调函数：$（“#yourDiv”）.load（“youExternalFile”，function（）{//your stuff here…}）；看，我仍然无法让它工作，这是我在document.ready（）函数$（“document”）.ready（function（）{$（“#PipData”）.load（'/backoffice/Prospects/App360/pageFragments/pipswp/218145_-pip.html'）；$（“#SwpData”）.load（'/backoffice/Prospects/App360/pageFragments/pipswp/218145_-swp.html'，function（'/backoffice/backoffice/Prospects/Prospects/pipswp/218145#.html'）（“#nextswpddate”）.innerHTML=“这是一个测试”；}）；}）；我想出来了，谢谢你的帮助，我不知道如何将你的标记为应答。在外部HTML加载后，我正在使用主页中的a上的.load（）函数调用该页面的document.ready（）函数。我知道，document.ready函数是在首次加载文档时启动的。因此，在实际执行.load函数之前。您应该将函数调用添加到.load函数的回调中，正如mguimard在对您的问题的评论中所描述的那样。嘿，Tim，您是对的，我可以使用JQuery解决方案，当所有内容都在同一个文件中时，您的解决方案可以正常工作，但使用的是.load（）函数将外部HTML加载到我的一个元素中，使其无法正常工作。
 The property is read/write for all objects except the following, for 
 which it is read-only: COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE,
 TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

Colin's work-around (setting innerText on the td instead of innerHTML on the tr)
is a good one in your case. If your needs become more complex, you'll have to
resort to The Table Object Model.