JS HTML5 — как вставить переменные?

День добрый.
Подскажите, пожалуйста как в этой замечательной технологии реализовать вставку переменных.

Есть html5 )) тег - там всё здорово.

<template id="tpl">
<div>**counter**</div>
      <img class="infinitimg" src="img/**counter**.png">
  </template>

Берём его, вставляем в html и всё работает. Но как сделать что бы можно было в JS коде вставлять переменные в эти шаблоны? Как сделать что бы **counter** в цикле менялся. Это что нужно по всем нодам проходить и искать там **counter**, что бы replace сделать? Есть ли метод попроще. Это вроде как шаблоны же