Get javascript loaded content

Question

Let's say I have a button on a page, if clicked it adds a div popup.

How can I access the div's content through JavaScript? Is this possible? I've tried searching the page with jQuery selectors but I did not find the div popup.

I have a bookmarklet that is similar to what follows:

javascript:(function() {
    alert($('newDivId').val());
})();

...suppose that newDivId is the id of the newly created div, if I execute that code by clicking on the bookmarklet I get an error saying that val() cannot be invoked on a null object.

I do not have access to the page source; do you have any suggestion?

I think you may need to include some code for better clarification of what you're trying to do... With jQuery, to access a div's contents you would usually just use $("#somediv").contents(); so perhaps explain why you can't in this situation... — Jay Are
– Jay Are, Commented May 15, 2011 at 21:34
The created div is not present if I don't click on the button, so I think that the problem is related to this fact. — Alberto Zaccagni
– Alberto Zaccagni, Commented May 15, 2011 at 21:38
You definitely can't get the content before it's created! See my suggestion below. — glortho
– glortho, Commented May 15, 2011 at 22:15
@Jed: Once the div is created I click on the bookmarklet to execute the code that looks for the id. I know the content is created because I see it on the page. — Alberto Zaccagni
– Alberto Zaccagni, Commented May 15, 2011 at 22:19

glortho · Accepted Answer · 2011-05-15 21:36:49Z

1

$('#id_of_div').html()

OR

$('.class_of_div').html()

OR

$('#id_of_div_parent div').html()

ETC.

If that doesn't work, you might be trying to select it before it has been full inserted into the DOM. Be sure it's fully loaded before you try to access it.

answered May 15, 2011 at 21:36

glortho

13.2k8 gold badges51 silver badges46 bronze badges

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

7 Comments

Alberto Zaccagni Over a year ago

I've already tried this of course. I think this does not work because the div is loaded dinamically after the button is clicked.

Jay Are Over a year ago

Since we can't see the code, and how the function(s) is being called exactly, it's sort of hard to lend an eye to this one without knowing more...

glortho Over a year ago

Assuming you've fixed your code above to the proper syntax...If you don't have access to the function that loads the content, you can create your own callback using setTimeout, checking for the div via id, clearing the timeout and moving on once it's there.

Alberto Zaccagni Over a year ago

@Jed: I haven't fixed it since I don't know what's wrong in that line. @Jordan Rynard: Assume that you have a div in the page that is loaded dinamically by a script after a click, how to you acces its content?

glortho Over a year ago

See my examples. It needs to be $('#div_id').html(), not $('div_id').val()

|

Collectives™ on Stack Overflow

Get javascript loaded content

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related