如何将[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);