Javascript 无法访问显示在开发人员工具中但未显示在页面源中的元素

我有下面链接中所述的相同问题，但我正在寻找一种方法来访问那些在页面源代码中不存在但在开发人员工具中可见的元素（使用jquery）。请提出一些想法

这是实际问题- 我在sharepoint“Excel web部件”中托管了“Powerpivot图表”。每当用户单击嵌入在Excel web部件中的图表（这是开发人员工具中显示的img标记），我都会缩放该img

在开发人员工具中，我看到以下代码：

<div id="ctl00ctl00_sheetContentDiv" class="ewr-sheetcontainer ewr-grdblkcontainer ewa-scrollbars" role="presentation">
    <div class="ewafo" id="ctl00_ctl35_g_ec06c24e_5aac_4ae3_af75_93564d395086_ctl01_ctl00__0_1.11.0" style="top: 133px; left: 327px; width: 480px; height: 274px; z-index: 50;">
        <div class="ewa-fo-img-div" style="visibility: visible;">   
            <img src="http://mydummyserverlink" title="Excel chart or image" alt="Excel chart or image" onerror="_ewa_oile(this,'Failed to download chart or image');" style="width: 100%; height: 100%;        border: 0px; display: block;" usemap="#ctl00_ctl35_g_ec06c24e_5aac_4ae3_af75_93564d395086_ctl01_ctl00_imagemap_1.11.0_3"/>
        </div>
    </div>
</div>

但它正在返回它在源视图中的内容

提前感谢,，

---

Madhu M.

如果devtools中存在元素，那么您应该能够使用标准方法访问它们

根据链接中给出的示例，如果我们有

<table id='mytable'>
    <td>cell1</td>
    <td>cell2</td>
</table>

css

如果这个例子与您无关，那么请发布您的相关HTML，以便我们更仔细地查看

---

根据您更新的问题，我猜您正在尝试在父容器中包含任何子容器之前选择该父容器。请尝试将选择器包装在

文档中。ready

或其他确保内容已加载的功能

$(document).ready(function(){
    $('.ewr-sheetcontainer')
})

---

你说的是什么元素？提供有问题的相关代码！这个链接没有回答你的问题吗？如果你能看到它们，你可以使用jQuery选择器来访问它们。这个链接说使用DOM访问元素。var dom=$（“.ewa fo img div”）.get（0）；警报（$（dom）.length）；但它返回0。不确定这意味着什么？“每当用户单击excel Web部件中嵌入的图表（开发人员工具中显示的img标记）时，我都会缩放该img。”感谢您的回复，我已更新了我的问题。请给我一些建议。很抱歉，我没有及时回复，我也尝试过同样的方法，但看不懂。在这个链接中，它表示role=“presentation”意味着元素将从可访问树中删除。这意味着我无法访问它？有没有别的选择？？

<table id='mytable'>
    <td>cell1</td>
    <td>cell2</td>
</table>

<table id="mytable">
    <tbody>
        <tr>
            <td>cell1</td>
            <td>cell2</td>
        </tr>
    </tbody>
</table>

$('#mytable tbody')...

#mytable tbody { ... }

$(document).ready(function(){
    $('.ewr-sheetcontainer')
})