Html шаблон-тег: Предотвратить <image>становится <img>

Question

Я хочу получить оригинальный текст из шаблона. Я пытаюсь с внутренним HTML, но «изображение» становится «img».

let tplText = document.getElementById("idTplTest").innerHTML;
console.log('tplText: ' + tplText);
console.log('<image> becomes <img> :(');

<template id="idTplTest">
        <image xlink:href="imgs/pp.jpg" height="500" width="1400" />
</template>

Как получить исходный текст?

Answer 1

Спасибо за внимание!

let tplText = document.getElementById("idTplTest").innerHTML;
console.log('tplText: ' + tplText);
console.log('<image> is still <image> :)');

let tplTextImg = document.getElementById("idTplTest").content.firstElementChild.innerHTML;
console.log('And only the image-tag: ' + tplTextImg);

<template id="idTplTest">
  <svg>
        <image id="idTplImg" xlink:href="imgs/pp.jpg" height="500" width="1400" />
  </svg>
</template>