定位网页元素的问题！（请众多高手和大雨仔能多多指教啊）

roger_ding 2004-09-11 01:58:16
IHTMLDocument2::elementFromPoint，只能找到网页中最上层的元素
若网页中有两个（或以上）元素重叠，有办法能得到第一层下面的其他元素吗？当然point in element是前提！
...全文
277 23 打赏 收藏 转发到动态 举报
写回复
用AI写文章
23 条回复
切换为时间正序
请发表友善的回复…
发表回复
roger_ding 2004-09-24
  • 打赏
  • 举报
 回复
这个会比较的难，因为不知道分层是因为父元素还是因为父元素的父元素，还是就是自己本身，如果绝对定位的元素全部取消了，可能也不能完全解决问题

还在思考中……
蒋晟 2004-09-23
  • 打赏
  • 举报
 回复
直接把绝对定位的元素全部hidden算了……
roger_ding 2004-09-23
  • 打赏
  • 举报
 回复
这段代码是计算元素相对于左上角的坐标的，好像没太大作用……
gjd111686 2004-09-22
  • 打赏
  • 举报
 回复
function GetDefineX(ObjectID)
{
var iPositionX=ObjectID.offsetLeft;
while(ObjectID=ObjectID.offsetParent)
{
iPositionX+=ObjectID.offsetLeft;
}
return iPositionX;
}
function GetDefineY(ObjectID)
{
var iPositionY=ObjectID.offsetTop;
while(ObjectID=ObjectID.offsetParent)
{
iPositionY+=ObjectID.offsetTop;
}
return iPositionY;
}
roger_ding 2004-09-18
  • 打赏
  • 举报
 回复
实在还是找不出头绪，大家可以去新浪网新闻页面上随便打开个页面，在文本中间会有个flash，使用右键的“放大”“缩小”会发现没有用，原因是flash上层的div定义了zIndex，用一个空的flash遮住了下面的flash，
按 saucer(思归/MVP) ( ) 的方法：
设置flash的zIndex是无效的，如果去get parent element，这样就逻辑性太差了，不可行

大家还有好的方法吗？
fanqing 2004-09-17
  • 打赏
  • 举报
 回复
up
roger_ding 2004-09-16
  • 打赏
  • 举报
 回复
谢谢！
我看过了，
第一，这篇文档没有提到如果两个元素重叠怎么办？（根据文中的意思还是返回最上面的元素）
第二，这个只能得到IAccessible，这个interface和IHTMLElement能互转吗？
蒋晟 2004-09-16
  • 打赏
  • 举报
 回复
http://msdn.microsoft.com/workshop/browser/accessibility/elements/hittesting.asp
roger_ding 2004-09-15
  • 打赏
  • 举报
 回复
但是这样需要做很多额外的处理，做不到很完美的elementFromPoint，而且如果有别的元素（例如两个iframe）发生重叠的话，就不是Set zIndex和get ParentElement那么简单了
roger_ding 2004-09-15
  • 打赏
  • 举报
 回复
to 回复人： scxy(小熊) ( ) ???

你贴一个往form里元素赋值，并提交form的代码在这里是？？？
恕我眼拙，看不出你的意思！
scxy 2004-09-15
  • 打赏
  • 举报
 回复
COleControl *pControl = reinterpret_cast<COleControl*>(GetParent());
IOleClientSite *pClientSite = pControl->GetClientSite();

if(NULL == pClientSite)
return -1;

try
{
CComPtr<IServiceProvider> pServiceProvider;

if(FAILED(pClientSite->QueryInterface(IID_IServiceProvider, reinterpret_cast<void**>(&pServiceProvider))))
return -2;

CComPtr<IServiceProvider> pTopServiceProvider;

if(FAILED(pServiceProvider->QueryService(SID_STopLevelBrowser, IID_IServiceProvider, reinterpret_cast<void**>(&pTopServiceProvider))))
return -3;

CComPtr<IWebBrowserApp> pWebBrowserApp;

if(FAILED(pTopServiceProvider->QueryService(SID_SWebBrowserApp, IID_IWebBrowser2, reinterpret_cast<void**>(&pWebBrowserApp))))
return -4;

CComPtr<IHTMLDocument2> pDocument;

if(FAILED(pWebBrowserApp->get_Document(reinterpret_cast<IDispatch**>(&pDocument))))
return -5;


CComPtr<IHTMLElementCollection> pElementCollection;

if(FAILED(pDocument->get_forms(reinterpret_cast<IHTMLElementCollection**>(&pElementCollection))))
return -6;

CComPtr<IDispatch> pDispatch;
_variant_t varName = WEB_FORM;
_variant_t varIndex = 0;

if(FAILED(pElementCollection->item(varName, varIndex, &pDispatch)))
return -7;

CComPtr<IHTMLFormElement> pForm;

pDispatch->QueryInterface(IID_IHTMLFormElement, reinterpret_cast<void**>(&pForm));

pDispatch.Release();

if(pForm == NULL)
return -8;

varName = WEB_HIDDEN;
if(FAILED(pForm->item(varName, varIndex, &pDispatch)))
return -9;

CComPtr<IHTMLInputElement> pHidden;

pDispatch->QueryInterface(IID_IHTMLInputElement, reinterpret_cast<void**>(&pHidden));

if(pHidden == NULL)
return -10;

pHidden->put_value(m_bCompleteSuccess ? L"true" : L"false");

pForm->submit();
}
catch(...)
{
}


return 0;
roger_ding 2004-09-14
  • 打赏
  • 举报
 回复
好的，我试试先
saucer 2004-09-14
  • 打赏
  • 举报
 回复
oh, boy, once you get TD, you should be using parentElement to get TR, TABLE...
roger_ding 2004-09-14
  • 打赏
  • 举报
 回复
先谢谢 回复人： saucer(思归/MVP)

我用VC写了代码替代你上面的script，对于这个例子是可以的，因为div之间是平级的，但如果象下面这样的html：
<table border="0" cellpadding="1" cellspacing="0" width="100%" bgcolor="#f8dfb9" style="border-top:solid 1px #fffde7;">
<tr>
<td><b>来宾,欢迎您!</b></td>
<td align="right">[<a href="/pa/20">免费注册</a>]
</td>
</tr>
</table>
则会有问题，当把鼠标放在table的空白地带时，elementFromPoint返回td元素，当设置td的zIndex（按上面的方法时），下一次的elementFromPoint仍然返回td，
所以我猜可能是设置td的时候，tr和table（即它的父元素）都同时被设置了

所以大家还有什么好的方法？欢迎探讨指教！
saucer 2004-09-13
  • 打赏
  • 举报
 回复
试试下面这个，在我机器上看不出来，也许是我眼睛不太好，看在你的机器上能看出
闪烁么？


<html>
<body>
<div id="d1" style="position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:#ff0000;z-index:27">red red red red red red red red red red redred</div>
<div id="d2" style="position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:#00ff00;z-index:10">green green green green green green green</div>
<div id="d3" style="position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:#0000ff;z-index:25">blue blue blue blue blue blue blue blue blue blue</div>
<div id="d4" style="position:absolute;left:10px;top:10px;width:50px;height:100px;background-color:#00ffff;z-index:30">a aaaa aa aaa</div>
<div id="d5" style="position:absolute;left:60px;top:10px;width:50px;height:100px;background-color:#ff00ff;z-index:23">bbb bbbbb bbb bbbbbb</div>
</body>
</html>

<script type="text/javascript">
//only for IE
function document.onmouseover()
{
var e=window.event
var d=document;
var n=e.srcElement;
var el = n;
var elems= new Array();
do
{
elems.push(el);
el.style.zIndex = (el.style.zIndex||0)-1000;
el=d.elementFromPoint(e.x, e.y);
} while(el!=n);

elems.toString=function(){
var buf= new Array();
for(var ii=0; ii<this.length; ii++)
buf.push(this[ii].id);
return buf.join(", ");
}
// alert(elems);
window.status = elems;
for(var ii=0; ii<elems.length; ii++)
elems[ii].style.zIndex = elems[ii].style.zIndex + 1000;
}
</script>
roger_ding 2004-09-12
  • 打赏
  • 举报
 回复
即使只有一次，假如我先把tr的z-index设小，就会出现tr里所有的元素都一起消失，然后我判断到table，即使我立即返回，重设tr的z-index，显然，IE会出现一次闪烁，这个恐怕不太好的
saucer 2004-09-12
  • 打赏
  • 举报
 回复
你试过了么？你的目的是什么？你是在你编码里快速运算啊，用户移动光标的速度有多快？
fanqing 2004-09-12
  • 打赏
  • 举报
 回复
up
roger_ding 2004-09-12
  • 打赏
  • 举报
 回复
to saucer(思归/MVP)：
谢谢你的回答，不过如果采用“然后把它的z-index变为很大的负数”，可以想象下，当鼠标滑过页面时，有的元素会先消失，然后又出现，关键是不停移，这种现象就会重复出现，所以可能会搞昏user的:)
roger_ding 2004-09-12
  • 打赏
  • 举报
 回复
有个情况是属于最常见的，比如table元素包含了td、tr元素等，则elementFromPoint会返回td或tr元素，不会返回table，而且如果table有嵌套的话，如何得到root table将是个挑战
加载更多回复（3）
大雨困住你了吗？
昨夜的一场大雨，给燥热的城市带来凉爽的同时，也带来了一点点灾难吧，我身在廊坊，昨晚亲身见证了那大雨的场面。早上起来的不是很早，由于昨晚根本不敢睡觉，以往的我无论外面多大的声音我都能睡着的，自己总结了下原因有三： ①外面闪电雷鸣的，而我此刻不是在自己的家里睡觉，心里多多少少的产生了点恐惧    ②租的房子有一个小角有点漏雨，我真怕会漏多了，而大家熟睡着不知道，所以时不时的就起来看看，还好
大鱼海棠国漫主题HTML前端网页设计成品预览与讲解DIV CSS JS
国漫大鱼海棠主题，本套大作业共计10个页面，页面美观度较高，网页在细节设计上花了很大功夫，如边框、阴影，鼠标滑过效果等，运用的知识点有：Div+CSS、JS轮播图、Table、下拉菜单栏、视频、表单、二级页面，LOGO设计，基本期末作业所需的知识点都有覆盖~ 戳下方视频预览页面详情。大鱼海棠国漫主题HTML前端网页设计成品预览与讲解DIV CSS JS。
前端js中动态添加的元素不能触发绑定事件解决方法
问题描述：在页面选择关键词时，需要将关键词元素绑定点击事件使同一类型的关键词只有一个固定class，使其随点击更换，目的是为了让这一类型的关键词的值可以由class获取。在原本写死的关键词上绑定的事件是可用的，但是换成动态加载后发现只能适用于写死的情况。很无奈，在网上搜索一番后花了点时间终于解决了，下面奉上。  参考文章：https://blog.csdn.net/qq_35129893/art...
vue中动态渲染元素或者标签(不通过v-if,不影响子元素)
需求： 在变量isHaveForm为true时，元素标签渲染，为false时，只渲染中的子元素，如果直接用v-if控制达不到要求。 vue中动态渲染元素或者标签 需求转换成：删除元素，而不删除其子元素 自定义指令实现 // html 代码 <el-form ref="listQuery" v-el-remove-myself-html="isHaveForm" :model="listQuery" :inline="true"> <el
[Music]你的微笑
你的微笑 - f.i.r. - F.I.R.(飞儿乐团) 喜欢用我的音调唱出你的味道这一秒有种感觉甜蜜的发酵一百种言语知道爱有一个声道才明了是你眼神传来的暗号太多的幸福报到拼凑爱的美妙笑一笑投入你怀里然后撒娇不需要别人来教把爱紧紧抓牢这一秒决定拥抱你给的美好爱情是你独特的味道在我的心中围绕别人都不了只有你知道因为你世界不再单调我的微笑你明白就很好你就像月亮绕着轨道拥抱着地球闪耀在我的星球写下惊叹号
HTML/XML

3,055

社区成员

8,066

社区内容

发帖
与我相关
我的任务
社区描述
VC/MFC HTML/XML
社区管理员
  • HTML/XML社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章