Create element using JavaScript and use it

Question

I create a new window using JavaScript and create element in that window, when I try use that element by using id, I can't do that and take null value

var unit_Window = window.open("", '',"height=400,width=400,status=yes");   

unit_Window.document.write("<label id='title_ID'>title</label></center>");

now when I tried to get title value using id the value return is null

unit_Window.document.getElementById('title_ID');

you are using `getElementById`, it will return you the whole element itself not just title — Murtaza Khursheed Hussain, Feb 09 '15 at 10:09
try `unit_Window.document.getElementById('title_ID').innerHTML` — Nirbhay Kundan, Feb 09 '15 at 10:10
i know that @NirbhayKundan but i mean unit_Window.document.getElementById('title_ID') must return object element but currently return null — Ra'fat Haj Ali, Feb 09 '15 at 10:14
Check this fiddle http://jsfiddle.net/yv4vojtq/ it is working as expected in chrome. Btw which browser you are using? — Nirbhay Kundan, Feb 09 '15 at 10:18
When i call it to first time error ocured but on other time its workin @NirbhayKundan — Ra'fat Haj Ali, Feb 09 '15 at 10:36

score 0 · Answer 1 · answered Feb 09 '15 at 10:12

0

In order to get html of an element

unit_Window.document.getElementById('title_ID').innerHTML;

Only using unit_Window.document.getElementById('title_ID'); will return the HTML element node itself not just the value.

For getting the HTML value of an element use innerHTML property of an element.

answered Feb 09 '15 at 10:12

Murtaza Khursheed Hussain

15,176
7
58
83

i know that @Murtaza Hussain but i mean unit_Window.document.getElementById('title_ID') must return object element but currently return null – Ra'fat Haj Ali Feb 09 '15 at 10:15
Yes , my case its different @Murtaza Hussain – Ra'fat Haj Ali Feb 09 '15 at 10:33
reading above comments from @allnodcoms post, you can set timeout for half a second like this `setTimeout(function () { //execute your code. }, 500);` – Murtaza Khursheed Hussain Feb 09 '15 at 10:35
Thank You @Murtaza Hussain , time is problem , but now succesd – Ra'fat Haj Ali Feb 09 '15 at 10:49

score 0 · Accepted Answer · edited May 23 '17 at 12:27

0

I think the answer to your problem lies in timing. You need to be sure that the new window has finished loading before trying to modify its content.
See this post.

Danny

edited May 23 '17 at 12:27

Community

1
1

answered Feb 09 '15 at 10:22

allnodcoms

1,244
10
14

I think that , but how i can know the popup window i create it finish loaded @allnodcoms – Ra'fat Haj Ali Feb 09 '15 at 10:32
@RafatHajAli - Check the link I posted in my answer, or the link above. You just need to put your DOM modification code in a callback that gets called when the new window's loaded. – allnodcoms Feb 10 '15 at 09:15

Create element using JavaScript and use it

2 Answers2