如何用JavaScript获取计算页面元素的offset

纯js

function getOffsetLeft(o)

{

    var left=0;

    var offsetParent = o;

    while (offsetParent != null && offsetParent != documentbody){

        left += offsetParentoffsetLeft;

        offsetParent = offsetParentoffsetParent;

    }

    return left;

}

jQuery中很好的函数可以实习那

$("#Button")offset()left

注意：offset() 函数的计算 不包括margin值（但包含border值）

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

 $("#hong")contents()find("body")append("I'm in an iframe!");

});

  </script>

  <iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>

frame存在两种：嵌套，非嵌套

根据元素id或index切换frame：driverswitch_toframe()

切换到默认frame：driverswitch_todefault_content()

切换到父级frame：driverswitch_toparent_frame()

切到frame页：

1处理未嵌套的frame：

driverswitch_to_frame("frame的id")

driverswitch_to_frame("frame-index")frame无ID时依据索引来处理，索引从0开始driverswitch_to_frame(0)

2处理嵌套frame：

对于嵌套的先进入到iframe的父节点，再进到子节点，然后可以对子节点里面的对象进行处理和 *** 作

driverswitch_toframe("父节点")

driverswitch_toframe("子节点")

switch_toparent_frame()

switch_todefault_content()

测试页面： >

selenium 查找页面元素方法

1、 Selenium by查找元素

特别强调一下：Byxpath()

绝对路径以单/号表示，而下面要讲的相对路径则以//表示，这个区别非常重要。另外需要多说一句的是，当xpath的路径以/开头时，表示让Xpath解析引擎从文档的根节点开始解析。当xpath路径以//开头时，则表示让xpath引擎从文档的任意符合的元素节点开始进行解析。

查找页面上id为loginForm的form元素：

查找页面上具有name属性为username的input元素：

2、 注解获取页面元素

方式有3种：@FindBy、@FindBys、@FindAll。

下文对3中类型的区别和使用场景进行介绍

1）@FindBy

2）@FindBys

@FindBys 相当于是取交集，是先根据第一个注解获取到对应元素，然后根据第二个注解再帅选出对应的页面元素,。如先找到符合classname=A的元素，再在这些元素集中找到id=B的所有元素

就像如下 *** 作:

3）@FindAll

@FindAll相当于是取并集，如找到id=A和id=B的所有元素

以上就是关于如何用JavaScript获取/计算页面元素的offset全部的内容，包括:如何用JavaScript获取/计算页面元素的offset、JQuery怎么获取子窗口的元素、自动化测试中怎么获取frame页面上的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！