如何将[Object HTML]解析为HTML字符串

Question

I have a javascript variable

inputElem[i]

when I combine it with other string like:

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

expected result :

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

actually :

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

Answer 1

The problem is inputElem[i] is a dom element, so the default to string implementation is to blame here.

Looks like you want the wrapping html markup for the element so use outerHTML

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

Answer 2

when, you try to serialize (convert to string) any object, its datatype is what you get as a result

try this:

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

or

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

or with plain javascript, you can simply do outerHtml ie

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

Answer 3

In your case, you should concatentate the HTML code for input object, not the input object itself.

Use JQuery html() function:

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

Answer 4

Try this:

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