对Web页面元素的绝对唯一引用方法
2006-09-29 08:49
323 查看
对Web页面元素的绝对唯一引用方法[b]var span = document.createElement('SPAN');
document.body.appendChild(span);
g_ELEMENTS[span.uniqueID] = span;
这样我们就通过uniqueID将span缓存起来了,已有要引用这个span,就可以这样:
var elements = g_ELEMENTS.GetExpandoKeys();
for ( var i=0 ; i < elements.length ; ++i )
var element = eval(elmenets[i]);
// todo: other logic
}
除了使用eval来引用这个uniqueID外,getElementById也有一个undocumented的特性,就是它也支持uniqueID,这样一来,我们就可以使用getElementById(elements[i])来绝对唯一的引用一个页面元素。
可能有人会疑惑,这个uniqueID到底有什么用啊?其实在动态生成大量页面元素时,使用uniqueID可以非常方面的为元素生成真正的unique的id,它的意义就在于可以将这些动态元素cache起来,做统一管理。特别是在实现动态在的TreeView时,如果合理使用uniqueID到来的好处,就可以避免很多需要对树进行反复递归便利才能完成的工作。还有,uniqueID是IE的DOM提供的原生解决方案,比自己去做unique标示要方面高效的多,并且还利于对元素检索。
参考信息:GetExpandoKeys(),另外就是本文不适合FireFox及其它非IE内核浏览器
--------------------------------------------------------------------------------------------------------------------------
document.body.appendChild(span);
g_ELEMENTS[span.uniqueID] = span;
这样我们就通过uniqueID将span缓存起来了,已有要引用这个span,就可以这样:
var elements = g_ELEMENTS.GetExpandoKeys();
for ( var i=0 ; i < elements.length ; ++i )
var element = eval(elmenets[i]);
// todo: other logic
}
除了使用eval来引用这个uniqueID外,getElementById也有一个undocumented的特性,就是它也支持uniqueID,这样一来,我们就可以使用getElementById(elements[i])来绝对唯一的引用一个页面元素。
可能有人会疑惑,这个uniqueID到底有什么用啊?其实在动态生成大量页面元素时,使用uniqueID可以非常方面的为元素生成真正的unique的id,它的意义就在于可以将这些动态元素cache起来,做统一管理。特别是在实现动态在的TreeView时,如果合理使用uniqueID到来的好处,就可以避免很多需要对树进行反复递归便利才能完成的工作。还有,uniqueID是IE的DOM提供的原生解决方案,比自己去做unique标示要方面高效的多,并且还利于对元素检索。
参考信息:GetExpandoKeys(),另外就是本文不适合FireFox及其它非IE内核浏览器
--------------------------------------------------------------------------------------------------------------------------
相关文章推荐
- 对Web页面元素的绝对唯一引用方法
- 对Web页面元素的绝对唯一引用方法
- TIPS:在web页面里写引用资源绝对路径的替代方法
- 在web页面里写引用资源绝对路径的替代方法
- jQuery获取页面元素绝对与相对位置的方法
- 调试Web页面时,如果页面引用了外部JS代码,会被IE缓存的解决方法
- webdriver页面元素等待问题处理方法
- Android 真机,微信打开 H5,切换到 webview,能通过 webdriver 方法操作页面元素,然后链接到新的 H5 页面后,无法操作元素,appium 服务器没有收到 response,
- 获取页面某一元素的绝对X,Y坐标,可以用offset()方法
- showModelessDiablog()的参数回调,以及父级页面元素引用的方法
- Web UI自动化测试框架搭建之九:Selenium定位web页面元素的原则、方法、工具
- 改变Web页面上元素外观的最快捷的方法是添加style属性
- 在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
- Struts2中访问Web元素的3中方法RequestAware,SessionAware,ApplicationAware在jsp页面间传值!
- 定位web页面元素方法总结
- 在web页面中引用css的四种方法
- Struts2中访问Web元素的3中方法RequestAware,SessionAware,ApplicationAware在jsp页面间传值!
- jQuery获取页面元素绝对与相对位置的方法
- 在Struts2中访问Web页面元素request、response、session、application的四种方法
- 类库文件引用web服务报错解决方法-在 ServiceModel 客户端配置部分中,找不到引用协定的默认终结点元素