Get div content inside (javascript code) using jquery or any way

Question

I trying to get the #email div content insdie my javascript code.

Example:

<div id="email">useremail@gmail.com</div>

I want to print email address here

document.write('<img src="' + get_gravatar('Email Here', 150) + '" />');

Thank you very much!

score 1 · Accepted Answer · edited May 23 '17 at 12:06

1

I would suggest to not use document.write.

If I understand you, using jquery:

(function($) //IIEF format
{
    $(function() //wait for doc ready
    {
        var $img = $('<img></img>'); //create img tag using jquery
        var email = $('#email').text().trim() //could also be .html() to get inner html
        $img.attr('src', get_gravatar(email, 150) ) //add email to src attribute of img tag 
        $('body').append($img); //change 'body' with whatever you want to add it to; this will append the img tag into the document
    }
})(jQuery);

edited May 23 '17 at 12:06

Community

1
1

answered Nov 11 '16 at 05:06

James Haug

1,286
10
25

Not working :/ , try it please [Here](http://www.w3schools.com/jquery/tryit.asp?filename=F0O577DN2ZOO) – Ali Najm Nov 11 '16 at 05:44
When trying to run it, I'm getting an error from inside the get_gravatar function: http://www.w3schools.com/code/tryit.asp?filename=F0O5N1T083IP – James Haug Nov 11 '16 at 05:58
Omg, it's working fine! , thank you very very much my friend :) – Ali Najm Nov 11 '16 at 06:05
Cheers. Great to hear. Fixed my answer to wait for the doc ready (which was the only real change I did in the tryit page). – James Haug Nov 11 '16 at 06:10

score 0 · Answer 2 · answered Nov 11 '16 at 05:02

0

First you will need to get the text and store it in a variable and then you can use that.

You can use the following:

var email = document.getElementById('email');
document.write('<img src="' + get_gravatar(email, 150) + '" />');

answered Nov 11 '16 at 05:02

Pritam Banerjee

15,297
10
71
92

score 0 · Answer 3 · answered Nov 11 '16 at 05:06

Use .innerHTML or .textContent in javascript of the div email

The innerHTML property sets or returns the HTML content (inner HTML) of an element.

var emailId = document.getElementById('email').innerHTML;
document.write('<img src="' + get_gravatar(emailId, 150) + '" />');

or

textContent returns null if the element is a document, a document type, or a notation. To grab all of the text and CDATA data for the whole document, one could use document.documentElement.textContent.

var emailId = document.getElementById('email').textContent;
document.write('<img src="' + get_gravatar(emailId, 150) + '" />');

score 0 · Answer 4 · answered Nov 11 '16 at 05:07

0

document.write('<img src="' + get_gravatar(document.getElementById("email").innerHTML, 150) + '" />');

JQuery

document.write('<img src="' + get_gravatar($("#email").val(), 150) + '" />');

answered Nov 11 '16 at 05:07

Janaka Dissanayake

537
4
13

score 0 · Answer 5 · answered Nov 11 '16 at 05:42

0

Hope this helps You,

var mail = document.getElementById('email').innerHTML;
document.write('<img src="' + get_gravatar(mail, 150) + '" />');

answered Nov 11 '16 at 05:42

siva

224
2
11

Get div content inside (javascript code) using jquery or any way

5 Answers5