的jQuery的console.log（）與警報（）

Question

jQuery代碼：

$(document).bind('click', function(e) { 
    console.log(e.target); 
    alert(e.target); 
}); 

的e.target包含正被點擊的對象的名稱。 出於演示的目的，如果我點擊的輸入元件上，上面的代碼打印如下：
對於console.log()：

<input class="buton" type="submit" value="Send" name="Send"> 

對於alert()：

[object HTMLInputElement] 

然而，如果我console.log(e.target)與console.log(e.target.toString())替換，它打印同樣的事情alert()，意思是：

[object HTMLInputElement] 

我的範圍來存儲console.log()返回到一個變量中的HTML代碼，但我無法理解的行爲。

Answer 1

在事件處理程序，e.target是點擊源自元素。大多數瀏覽器控制檯將其顯示爲表示元素的html字符串。

當您使用alert時，所提供的參數將轉換爲字符串，因此您會看到[object HTMLInputElement]。

要到一個元素的HTML，使用方法：

alert(e.target.outerHTML); 

Answer 2

控制檯工具以設計者認爲有用的方式顯示對象，它不僅調用對象的toString()方法，與alert相反。

如果你想獲得你的目標的HTML代碼，只需做的時候，你希望看到一個對象的屬性

var html = e.target.outerHTML; 

Answer 3

console.log是有用的，但alert()只顯示一個對象的類型，如果你希望看到一個元素的實際HTML，你可以使用DOM元素對象的outerHTML屬性：

alert(e.target.outerHTML); 

http://jsfiddle.net/phLVu/

Answer 4

看到這個other SO question：

你必須使用outerHTML屬性。

$(document).bind('click', function(e) { 
    alert(e.target.outerHTML); 
}); 

看到的jsfiddle這裏：http://jsfiddle.net/xhHPb/