jqueryなどを使ってdivコンテンツを（javascriptコード）取得する

Question

私は#email divコンテンツを私のjavascriptコードに埋め込もうとしています。

例：

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

私は電子メールアドレスを印刷したいここ

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

ありがとうございました！

Answer 1

私はto not use document.writeをお勧めします。

私は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); 

Answer 2

まず、テキストを取得して変数に格納し、それを使用する必要があります。

次を使用することができますのdivメールのJavaScriptで

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

Answer 3

使用.innerHTMLまたは.textContent

innerHTMLプロパティセットまたはHTMLコンテンツ（インナーHTML）要素の を返します。 。

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

又は

要素は、文書、文書 タイプ、または表記法である場合はnullを返すのTextContent。文書全体の のテキストとCDATAデータをすべて取得するには、document.documentElement.textContentを使用できます。

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

Answer 4

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

jQueryの

​​

Answer 5

希望これは、あなたを助け

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