js怎么获取iframe页面中的dom元素

跪求高手解决啊：现在我的一个项目：需要链接一个别人的页面（不在同一个域），我把这个页面装到我的Iframe里面，但是别人的这个页面是：采用post提交的，我想在我的项目里面监视他的提交，来截取这个post的数据，不通过监视也行，只要获取这个数据就行（jquery的跨域请求只能获取：get方式提交的数据啊，post不行），我把分全部奉上了啊,,

获取页面中元素到文档区域document的横向 纵向坐标的两种方法及其比较

在js控制元素运动的过程中 对于页面元素坐标位置的获取是经常用到的 这里主要总结下两种方法

一 通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现

在阅读javascript高级程序设计第三版DOM部分时 了解到要获取某个元素在页面上的偏移量 需要将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加 一直循环直至根元素 所以 要得到元素到文档区域的坐标位置 只需通过while循环不断获取offsetParent的offsetLeft/offsetTop直到offsetParent = null为止

js代码

代码如下:

// 获取元素到文档区域的坐标

function getPosition(element) {

var actualLeft = element offsetLeft

actualTop = element offsetTop

current = element offsetParent; // 取得元素的offsetParent

// 一直循环直到根元素

while (current !== null) {

actualLeft += current offsetLeft;

actualTop += current offsetTop;

current = current offsetParent;

}

// 返回包含left top坐标的对象

return {

left: actualLeft

top: actualTop

};

}

例子截图

firebug下测试结果截图 (注 其他浏览器已通过测试!)

二 通过 getBoundingClientRect() 方法实现

getBoundingClientRect方法用于获得页面中某个元素的左 上 右和下分别相对浏览器视窗window的位置 返回的是一个对象 该对象有四个属性 top left right bottom;该方法原本是IE Only的 但是FF +和Opera +已经支持了该方法 可以说在获得页面元素位置上效率有很大的提高 另外 该方法避免使用while循环 而是直接获取数值来实现 比第一种方法性能要好 特别是在复杂的页面上更为明显

js代码

代码如下:

// 获取元素到文档区域的坐标

function getPosition(element){

var dc = document

rec = element getBoundingClientRect()

_x = rec left // 获取元素相对浏览器视窗window的左 上坐标

_y = rec top;

// 与或body元素的滚动距离相加就是元素相对于文档区域document的坐标位置

_x += dc documentElement scrollLeft || dc body scrollLeft;

_y += dc documentElement scrollTop || dc body scrollTop;

return {

left: _x

top: _y

};

}

经测试 该方法与第一种方法获取元素相对于document的坐标大小相同 对于IE低版本浏览器 存在一些差异

注意 记得要累加上(IE除外)或body(针对IE)元素的水平或垂直滚动距离!

lishixinzhi/Article/program/Java/JSP/201311/20207

如何替换phantomjs官网首页的banner，为我们自定义的一个链接地址。 然后，再解释下下面的snippet表示，获取该网页中的第一个img节点，并且将其的src属性修改为我们自定义的一个服务地址。这里有一个trick，就是setTimeout函数的应

使用以下关键代码：

1、简单的HTML页面，放入一些img标签：

2、页面载入完成后，读取img标签：

3、展示页面：

4、打开开发者模式，浏览器console：（已读取）

5、错误分析，getElementByTagName：（少了一个s，Elements）

扩展资料：

getElementsByTagName() 特性：

这方法会忽略文档的结构。假如希望查找文档中所有的 <p> 元素，getElementsByTagName() 会把它们全部找到，不管 <p> 元素处于文档中的哪个层次。

这方法会提供任何所需要的 HTML 元素，不论它们在文档中所处的位置。

1、getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表）

2、getElementsByTagName() 这方法可查找整个 HTML 文档中的任何 HTML 元素。

以上就是关于js怎么获取iframe页面中的dom元素全部的内容，包括:js怎么获取iframe页面中的dom元素、js获取元素到文档区域document的坐标方法、如何用phantomjs *** 作修改DOM并截图等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！