How to access iframe dom element in jquery

Question

I have two jsp pages and js files

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

one.js included in one.jsp, two.js included in two.jsp

two.jsp is loaded by iframe and inherited into one.jsp

My question is

I need to access one.jsp dom elements from two.js(One.js belongs to two.jsp(Iframe))

I tried this. but not working

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

I tried this also from two.js

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

It is passing

Uncaught TypeError: Cannot read property 'removeChild' of null

Answer 1

find is not a DOM method. It is a jQuery method.

You either need to use jQuery or use standard DOM.

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