javascript - 如何在jquery中访问iframe dom元素

标签 javascript jquery html css

我有两个jsp页面和js文件

one.jsp
two.jsp
one.js
two.js

one.js包含在one.jsp中, two.js 包含在 two.jsp 中

two.jsp由iframe加载继承到one.jsp

我的问题是

我需要从 two.js 访问 one.jsp dom 元素(One.js 属于 two.jsp(Iframe))

我试过了。但不工作

var parentBody = window.parent.document.body
  console.log(parentBody.find("#tab1").html());

我也在 two.js 中尝试过这个

var x = window.parent.document.querySelector(".nav-tabs li:nth-child("+(numIframe+1)+")");
  x.parentNode.removeChild(x)

路过

Uncaught TypeError: Cannot read property 'removeChild' of null

最佳答案

find 不是 DOM 方法。这是一个 jQuery 方法。

您需要使用 jQuery 或使用标准 DOM。

console.log(window.parent.document.querySelector('#tab1').innerHTML)

关于javascript - 如何在jquery中访问iframe dom元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33890722/

相关文章:

javascript - 显示最后一个索引箭头问题

javascript - 动态创建 Bootstrap 元素

javascript - HTML 上的扩展部分

c# - MVC : Pagination hindering the way a list is sorted

html - 为什么我的其他导航链接会影响带有下拉菜单的链接?

javascript - 在数组 javascript 中的特定字符串后插入分页符

javascript - React.js 中每个项目的计数器

javascript - Jquery 手动验证输入数组元素

html5 中的 css 文章和旁白问题

javascript - 用 Javascript 编写的可编辑表格