无法访问在开发人员工具中显示但不在页面源中的元素
Cant access element that are shown in developer tools but not in page source
我遇到了与下面链接中所述相同的问题,但我正在寻找一种方法来访问那些页面源中不存在但在开发人员工具中可见的元素(使用jquery)。请提出一些想法。
为什么Chrome开发工具中的某些元素';元素';选项卡未出现在';查看页面源';
这是实际问题-我在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>
在View Source中,我只看到外部div:
<div id="ctl00ctl00_sheetContentDiv" class="ewr-sheetcontainer ewr-grdblkcontainer ewa-scrollbars" role="presentation"></div>
事实上,我正试图使用类似的类"ewr-sheetcontainer"来访问div
$(".ewr-sheetcontainer")
但它正在返回视图源中的内容。
提前感谢,Madhu M.
如果devtools中存在元素,那么您应该能够使用标准方法访问它们。
根据您链接中给出的示例,如果我们有
<table id='mytable'>
<td>cell1</td>
<td>cell2</td>
</table>
<tbody>
不在原始代码中。但是,浏览器将其解释为:
<table id="mytable">
<tbody>
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
</tbody>
</table>
您仍然可以使用CSS或JavaScript(jQuery)选择器来访问<tbody>
。
jquery
$('#mytable tbody')...
css
#mytable tbody { ... }
如果这个例子与你无关,那么请发布你的相关HTML,让我们仔细查看。
对于您更新的问题,我的猜测是,您正试图在父容器中包含任何子容器之前选择该父容器。请尝试将选择器包装在document.ready
或其他一些函数中,以确保内容已经加载。
$(document).ready(function(){
$('.ewr-sheetcontainer')
})
相关文章:
- 在JavaScript中,如何修复元素显示和变量创建之间的初始差异
- 使用漂亮的照片点击另一个元素显示图像
- 我将如何在 HTML 中将数组中的所有元素显示为可点击的对象
- 使元素显示在最小屏幕大小上
- 更好的做法是通过CSS类或直接(通过DOM)修改HTML元素显示
- 如何在YouTube视频前制作元素显示
- 使隐藏元素显示 X 秒
- 如果元素显示:无;在媒体查询中,它们是否仍然加载
- 无法为每个元素显示高图
- 如何使用 jQuery 逐个元素显示
- 使用 jQuery 画布元素显示 Hiddin Div
- '李'mouseover事件被child'a'元素显示块
- JQuery元素显示/隐藏和控制流
- D3在工具提示上将内部列表的元素显示为不同的行
- AngularJS-动态创建<text区域>使用ngSanitize不会't显示(其他元素显示)
- 如何根据单击的元素的位置使元素显示在右侧或左侧
- 响应元素显示:无;在移动宽度,然后通过javascript按钮返回,但显示的链接断开:block;
- 当我再次单击时,它显示none,高度回到0px,但里面的元素显示,不显示none或离开页面
- 将一个元素显示在另一个元素的顶部,并在其上禁用鼠标悬停事件
- reactjs:为什么在render中定义的一些dom元素显示两次