如何將[Object HTML]解析為HTML字符串

Question

我有一個JavaScript變量

inputElem [I]

當我將其與其他字符串結合在一起時：

var result = inputElem[i]  + '<div>xv</div>';

預期結果 ：

<input type="radio" value="www.abc.com"> 
<div>xv</div>

實際上 ：

[object HTMLInputElement] 
<div>xv</div>

Answer 1

問題是inputElem[i]是一個dom元素，因此在此歸咎於字符串實現的默認設置。

看起來您想要元素的包裝html標記，所以請使用externalHTML

var result = inputElem[i].outerHTML  + '<div>xv</div>';

Answer 2

當您嘗試序列化（轉換為字符串）任何對象時，其數據類型就是您得到的結果

嘗試這個：

var result = $('<div>').append(inputElem[i]).clone()).html()+ '<div>xv</div>';

要么

 var result = $(inputElem[i]).prop('outerHTML')

或使用簡單的javascript，您只需執行outerHtml即

var result = inputElem[i].outerHTML  + '<div>xv</div>';

Answer 3

對於您的情況，您應該為輸入對象而不是輸入對象本身添加HTML代碼。

使用JQuery html()函數：

$(inputElem[i]).html() + '<div>xv</div>';

Answer 4

嘗試這個：

var result = $(inputElem[i]).html() + '<div>xv</div>';
$('#parentID').html(result);