Capture innerHTML using document.getElementById

Question

I am using JavaScript to assign a value to an empty div through document.getElementById('').innerHTML which works fine and I can see the words update and come up on the browser. I then try to capture those words but keep getting it as undefined.

My HTML is

<div id="name"> </div>

JavaScript executes this:

function doneloading(first_name) {
  document.getElementById('name').innerHTML = first_name;
}

I try to capture that using:

var photoname = document.getElementById('name').value;
alert(photoname);

Is it not possible to capture innerHTML in general?? Thanks in advance!

@Ahmad You are setting the innerHTML property, but retrieving the value property. You should try to retrieve the innerHTML property. — kalaero
– kalaero, Commented Mar 10, 2013 at 3:29
I am definitely calling it after the div has updated and shows the name on the browser — 5attab
– 5attab, Commented Mar 10, 2013 at 3:30
@kalaero Thanks for your comment. I tried that before posting my question and it didn't work either. Still came as undefined... — 5attab
– 5attab, Commented Mar 10, 2013 at 3:31
@kalaero I just tried it again and it worked this time. Wow. Thanks alot! Wouldn't have tried it again without your help :) — 5attab
– 5attab, Commented Mar 10, 2013 at 3:34

hunterloftis · Accepted Answer · 2013-03-10 03:29:45Z

1

Try:

var photoname = document.getElementById('name').innerHTML;

answered Mar 10, 2013 at 3:29

hunterloftis

13.8k5 gold badges51 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

5attab Over a year ago

I tried that before and it still came up as undefined but its working now for some reason so thanks!

Aiias · Accepted Answer · 2013-03-10 03:31:17Z

1

You can access the value within the element the same way you set it.

var innerHTML = document.getElementById('name').innerHTML;

This will also return any embedded HTML tags' code in the particular element. See w3school's documentation for the innerHTML property.

answered Mar 10, 2013 at 3:31

Aiias

4,7581 gold badge20 silver badges34 bronze badges

1 Comment

5attab Over a year ago

I tried that before and it still came up as undefined but its working now for some reason so thanks!

demo · Accepted Answer · 2013-03-10 03:46:09Z

innerHTML output code is html code: Such as:

<div id="demo"><div id="name">The demo said is right</div></div>
var domNameHtml=document.getElementById('name').innerHTML;

the domNameHtml value is The demo said is right If you want change the dom object about div html code; Must be like this:

document.getElementById('name').innerHTML='<div id="name">The demo said is right</div><h1>Integral is my</h1>';

the html code Change :

<div id="demo"><div id="name">The demo said is right</div><h1>Integral is my</h1></div>

If you want change the dom object about div text code;

var text=document.getElementById('name').innerTest; the text value is [The demo said is right] Removed html code

Want to be able to help you

Collectives™ on Stack Overflow

Capture innerHTML using document.getElementById

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related