Элемент Javascript get, содержащий двойные фигурные скобки

Question

Мне нужно получить элемент и сохранить его в переменной как строку.

HTML:

<div id="my-element"><span>{{content}}</span></div> 

JS:

var template = document.getElementById('my-element').innerHTML; 
console.log(template); //returns empty element in console 

так:

<span></span> 

Но ожидается, это:

<span>{{content}}</span> 

Answer 1

Как я уже упоминал в своем комментарии, у вас есть опечатка в getElementsById

Но это должно работать для вас:

var template = document.getElementById('my-element'); 
 
console.log(template.innerHTML);

<div id="my-element"><span>{{content}}</span></div>

Answer 2

Пожалуйста, смотрите это.

var template = document.getElementById('my-element'); 
console.log(template); 




<div id="my-element"><span>{{content}}</span></div> 

https://jsfiddle.net/nazmul_sylhet/rpn921ea/1