Return an HTML element's HTML code

Question

This will output [object HTMLUListElement]:

ul = document.create('ul');
$('textarea').val(ul)

How do I get it to output <ul></ul>?

This will do the work but is there any way to get it directly from the html element object?

s = ul.wrap('<div></div>')
$('textarea').val(s.html())

Seems a rather round about way to get the markup, given that you already know the tag name of the element. — RobG
– RobG, Commented May 20, 2015 at 2:59

Arun P Johny · Accepted Answer · 2015-05-20 01:10:20Z

3

Use outerHTML property of the element

ul = document.createElement('ul');
$('textarea').val(ul.outerHTML)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea></textarea>

answered May 20, 2015 at 1:10

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1