Get opener element from a child

geotso · Dec 2, 2004

Hi

How do I get the contents of an element in the opener and show them in the
child?
What I'm trying to do is something like this:

In the opener: <h1 id="pgtitle">Office XP</h1>

In the child:
function gt_pageCont () {
var pagetitle = window.opener.document.getElementById("pgtitle");
var pagetext = "<h1>\""+title+"\"</h1><p>Here are some more info about \""
+title+ "\".</p>";
document.write(pagetext);
}

and:
<body onload="gt_pageCont();">

I know that something is missing in the function, because I've tested it and
the child displays [Object] instead of "Office XP". Can someone help me
please?

Thanks.

Daniel Kirsch · Dec 2, 2004

geotso said:
function gt_pageCont () {
var pagetitle = window.opener.document.getElementById("pgtitle");
var pagetext = "<h1>\""+title+"\"</h1><p>Here are some more info about \""
+title+ "\".</p>";
document.write(pagetext);
}

var pagetitle = opener.document.getElementById("pgtitle").innerHTML;
var pagetext = "<h1>\""+pagetitle+"\"<\/h1><p>Here are some more info
about \""
+pagetitle+ "\".<\/p>";
document.write(pagetext);
}

Instead of using document.write() you may also set an element's
innerHTML property accordingly.

Daniel

RobG · Dec 2, 2004

Daniel Kirsch wrote:
[...]

var pagetitle = opener.document.getElementById("pgtitle").innerHTML;

You could also use:

opener.document.getElementById('pgtitle').firstChild.data;

But both methods have the restriction that if there is anything in the
pgtitle element other than plain text, you will not get what you want.

e.g. if you add extra markup inside the element, the innerHTML method
will return the extra markup along with the text and the firstChild
method will do different things depending on where the markup is.

e.g.
<h1 id="pgtitle">Office <span
style="font-weight: normal;">XP</span></h1>

will return "Office "

<h1 id="pgtitle"><span
style="font-weight: normal;">Office XP</span></h1>

will return "undefined".

Which highlights that using the document content as a source of data is
not always reliable, particularly when HTML munges markup and content
so thoroughly. Maybe you should consider putting the pgtitle value
somewhere else where it will not be affected by markup - say a global
variable for the opener page or a meta tag? That should mean you don't
need to parse whatever is returned to ensure it is what you want.

If you stick with the innerHTML method, you probably should use a
regular expression to remove any markup between tag delimiters.

Or have I been rambling for no particular purpose...

Daniel Kirsch · Dec 3, 2004

RobG said:
But both methods have the restriction that if there is anything in the
pgtitle element other than plain text, you will not get what you want.

innerHTML returns the original HTML. If you just want to get the text
content without markup, one might use innerText (IE) or textContent
(newer Geckos) or of course a regExp on the innerHTML value.

Daniel

Randy Webb · Dec 3, 2004

Daniel said:
innerHTML returns the original HTML.

No, it returns the normalized HTML as generated by the browser.

Daniel Kirsch · Dec 3, 2004

Randy said:
No, it returns the normalized HTML as generated by the browser.

Of course.

About as basic "Newbie-Question" that you can get.	3	Sep 4, 2023
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
How to properly insert a landing page within same container beneath an image element?	1	Oct 6, 2024
Only one table shows up with the information	2	Mar 29, 2023
Make 'Image X' spin 360deg on y-Axis until reset button clicked	1	Jan 22, 2023
Song requests	4	Aug 15, 2023
Issue with textbox script?	0	Sep 4, 2022
I need help making a zooming function	11	Dec 14, 2021

Get opener element from a child

geotso

Daniel Kirsch

RobG

Daniel Kirsch

Randy Webb

Daniel Kirsch

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads