How do you render a javascript object?

Question

I have the following javascript code, but when I try to use it on the 3rd line, I get [object HTMLHeadingElement] in the HTML output. How do I take the whole HTML of x and prepend it to y.innerHTML?

x = document.getElementById("region-footer-first").getElementsByClassName("block-title")[0];
y = document.getElementById("region-footer-first").getElementsByClassName("jcarousel-clip")[0];

y.innerHTML = x + y.innerHTML;

One does not simply render an object.

Derek 朕會功夫
– Derek 朕會功夫

2014-01-13 22:45:45 +00:00
Commented Jan 13, 2014 at 22:45 — Derek 朕會功夫
– Derek 朕會功夫, Commented Jan 13, 2014 at 22:45

scrblnrd3 · Accepted Answer · 2014-01-13 22:52:37Z

5

If you want the entire contents of x, including its tags, use .outerHTML, like this

x = document.getElementById("region-footer-first").getElementsByClassName("block-title")[0];

y = document.getElementById("region-footer-first").getElementsByClassName("jcarousel-clip")[0];

y.innerHTML = x.outerHTML + y.innerHTML;

edited Jan 13, 2014 at 22:52

answered Jan 13, 2014 at 22:45

scrblnrd3

7,4349 gold badges36 silver badges65 bronze badges

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

7 Comments

Patoshi パトシ Over a year ago

but i'm only grabbing the HTML inside that. I want the entire x output added to y.

scrblnrd3 Over a year ago

What do you mean when you say 'the entire x output'

tilda Over a year ago

Did you mean outerHTML?

Derek 朕會功夫 Over a year ago

@duckx - x.outerHTML

scrblnrd3 Over a year ago

@Derek朕會功夫 haha whoops. Thanks for catching that

|

Collectives™ on Stack Overflow

How do you render a javascript object?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related