How to change variable value from regular HTML code to string

Question

Could someone tell me how could I change the value with HTML code to a regular string? Example:

<h1>Hello world!</h1>
=> "<h1>Hello World!</h1>"

Current code:

var myH1 = document.getElementsByTagName("h1")[0];
console.log(myH1);

// Prints: <h1>Hello World!</h1> instead of "<h1>Hello World!</h1>"

<h1>Hello World!</h1>

`myH1` is a HTMLElement (object). Why do you expect it to be a string? — Andreas, Feb 26 '21 at 11:29
With [research](https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) — Andreas, Feb 26 '21 at 11:31
ritaj, you can write it as an answer ( not as a comment ) ... thx!) — , Feb 26 '21 at 11:35

score 0 · Accepted Answer · edited Feb 26 '21 at 11:42

0

Simply you can do like this :

var myH1 = document.getElementsByTagName("h1")[0];

myH1 =`"${myH1.innerHTML}"`
console.log(myH1);

//Or

var myH1 = document.getElementsByTagName("h1")[0];
console.log(myH1.outerHTML);

 Output => "<h1>Hello world!</h1>"

edited Feb 26 '21 at 11:42

Josh Hales

394
2
12

answered Feb 26 '21 at 11:32

Md.Usman Ansari

139
6

Now, you can check : myH1 =`"${myH1.innerHTML}"` – Md.Usman Ansari Feb 26 '21 at 11:36
1

The OP asked for the output to be `"
Hello World!
"` as opposed to `"Hello world"`. I think your code should be `myH1.outerHTML` rather than `myH1.innerHTML`. – Josh Hales Feb 26 '21 at 11:38
1

The `.innerHTML` part is not relevant for this question – Andreas Feb 26 '21 at 11:42

How to change variable value from regular HTML code to string

1 Answers1

Hello World!