How to convert the html object to string type?

Question

I use jQuery method to get some type of html object:

var content = $('#cke_ckeditor iframe').contents().find('.cke_show_borders').clone();

Then I want to convert it to string type:

console.log(content[0].toString());

but the result is:

[object HTMLBodyElement]

How can I turn it into real string?

By the way, can I turn the converted html string to the html object?

score 53 · Accepted Answer · edited Oct 30 '18 at 08:08

53

I believe you want to use Element.outerHTML:

console.log(content.outerHTML)

edited Oct 30 '18 at 08:08

Mamun

66,969
9
47
59

answered Jul 25 '14 at 03:29

Chris

2,537
1
25
22

1

This worked to prove to me that it was working. console.log(JSON.stringify(content[0].outerHTML)) – Michael Dimmitt Sep 21 '18 at 18:01
This worked - I was stuck trying to use `.toString()` and `JSON.stringify` with no luck – Michael Nelles Mar 25 '20 at 16:07
typeof content.outerHTML still showing object – Balaji Jun 25 '21 at 06:30

score 3 · Answer 2 · answered May 25 '18 at 18:51

3

I had the same problem.

var docString = "<html>"+content.documentElement.innerHTML+"</html>"

answered May 25 '18 at 18:51

E. Nat

31
2

score 2 · Answer 3 · edited May 23 '17 at 12:09

2

You can use this content[0].prop('outerHTML')

It worked for me

Reference : How do you convert a jQuery object into a string?

edited May 23 '17 at 12:09

Community

1
1

answered Aug 17 '15 at 16:31

Cybersupernova

1,833
1
20
37

score 1 · Answer 4 · answered Mar 27 '13 at 15:43

1

You can try the following:

content.text();

answered Mar 27 '13 at 15:43

jdelobel

263
2
7

Vijay Maurya · Answer 5 · 2019-02-06T11:40:53.777

1

The correct way to Convert a jQuery object into a string:

var content = $('#cke_ckeditor').find('.cke_show_borders').eq(0).clone();

console.log(content.get(0).outerHTML);

edited Feb 06 '19 at 11:40

answered Dec 14 '18 at 11:40

Vijay Maurya

99
1
6

score 0 · Answer 6 · answered Oct 05 '20 at 12:14

'outerHTML' working for me.

In Google Tag Manager 'custom javasctipt' part {{Click Element}} returns [object HTMLElement].

function() {
   var elm = {{Click Element}};
   return elm.outerHTML; // working
}

Result -

<i _ngcontent-c1="" class="material-icons">edit</i>

score 0 · Answer 7 · answered Apr 13 '22 at 06:27

0

You can use content.innerHTML This will solve your issue

answered Apr 13 '22 at 06:27

Akshay Shrivastav

1,115
4
17
43

How to convert the html object to string type?

7 Answers7

Linked