使用jquery或任何方式獲取div內容（javascript代碼）

Question

我試圖讓#email div的內容insdie我的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

首先，您需要獲取文本並將其存儲在變量中，然後才能使用該文本。

您可以使用以下方法：

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

Answer 3

使用.innerHTML或.textContent在div電子郵件

innerHTML屬性設置的JavaScript或返回元素的HTML內容（內部HTML） 。

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

或

如果元素是一個文件的textContent返回null，文檔 型或符號。要獲取整個文檔的所有文本和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) + '" />');